:root{color-scheme:light;--bg:#eaf5fb;--panel:#ffffff;--panel-2:#f3faff;--border:#c8ddeb;--text:#22333d;--muted:#607887;--accent:#0095cd;--accent-hover:#00678e;--accent2:#9fc6dc;--icon-accent:#588113;--picker-backdrop-bg:rgba(23, 72, 98, 0.34);--picker-dialog-text:#22333d;--picker-dialog-bg:#ffffff;--picker-dialog-border:#c8ddeb;--picker-dialog-shadow:rgba(45, 86, 112, 0.18);--picker-content-bg:#ffffff;--picker-group-title:#588113;--picker-cell-text:#22333d;--picker-cell-border:#dcebf5;--picker-cell-bg:#ffffff;--picker-cell-bg-end:#f8fcff;--picker-cell-shadow:rgba(17, 34, 45, 0.03);--picker-cell-hover-text:#0078a5;--picker-cell-hover-border:#0095cd;--picker-cell-hover-bg-end:#dff1fa;--picker-cell-hover-shadow:rgba(45, 86, 112, 0.14);--picker-focus:#0095cd;--picker-preview:#0078a5}body{background:linear-gradient(#dff3fc 0,#f8fdff 150px,#eef8fc 100%);color:var(--text)}#startup-loading{background:#eef8fc}#bottom-bar{background-color:var(--panel-2)}#topbar,.export-dialog,.new-doc-dialog,.startup-loading-box,aside.drawer{background:linear-gradient(#fff,#f4fbff);border-color:var(--border)}.startup-loading-box{box-shadow:0 12px 34px rgba(45,86,112,.18)}.export-preview-loading::before,.startup-loading-spinner{border-color:#b7d6e7;border-top-color:var(--accent)}.texture-loading{background:rgba(23,72,98,.32)}#topbar{border-bottom-color:#b8d8ea;box-shadow:0 2px 10px rgba(45,86,112,.1)}aside.drawer{box-shadow:0 8px 28px rgba(45,86,112,.12)}.inspector-pullout{box-shadow:0 8px 24px rgba(45,86,112,.22)}#topbar::before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='32' viewBox='0 0 24 24' fill='none' stroke='%2323485e' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 8l-3.5 4 3.5 4'/%3E%3Cpath d='M8.5 8l-3.5 4 3.5 4'/%3E%3C/svg%3E");background:linear-gradient(90deg,var(--panel) 35%,rgba(255,255,255,0))}#topbar::after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='32' viewBox='0 0 24 24' fill='none' stroke='%2323485e' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 8l3.5 4-3.5 4'/%3E%3Cpath d='M15.5 8l3.5 4-3.5 4'/%3E%3C/svg%3E");background:linear-gradient(270deg,var(--panel) 35%,rgba(255,255,255,0))}.ctl-align-btn,.ctl-button,.ctl-icon-button,.ctl-preset-button,.ctl-texture-button,.new-doc-secondary,.panel-toggle,.toolbar button{background:linear-gradient(#fff,#eef8fd);color:#23485e;border-color:#bdd8e8;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.ctl-align-btn:hover,.ctl-button:hover,.ctl-position-button:hover,.ctl-texture-button:hover,.new-doc-secondary:hover,.panel-toggle:hover,.toolbar button:hover{background:linear-gradient(#faffff,#dff1fa);color:#22333d;border-color:var(--accent)}.ctl-button.ctl-add-action,.export-download,.new-doc-primary,.startup-effect-primary,.tb-primary{background:linear-gradient(#00adee,#0078a5)!important;border-color:#0076a3!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}.ctl-button.ctl-add-action:hover,.export-download:hover,.new-doc-primary:hover,.startup-effect-primary:hover,.tb-primary:hover{background:linear-gradient(#0095cc,#00678e)!important;border-color:#00678e!important;color:#fff!important}.ctl-button.active,.ctl-position-button.active,.ctl-texture-button.active,.toolbar button.active{background:linear-gradient(#f2a23a,#d66b13);border-color:#c85f0d;color:#fff}.ctl-texture-button.has-sprite:not(.active){background:#526b79;border-color:#405967;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}.ctl-texture-button.has-sprite:not(.active):hover{background:#405967;border-color:var(--accent)}.ctl-segment-group,.ctl-tab-list,.tb-zoom{background:#eaf6fc;border-color:var(--border)}.tb-zoom button{background:0 0}.tb-zoom-level.is-fit{color:#0078a5}.ctl-icon-button.ctl-font-spacing-toggle:hover{background:linear-gradient(#faffff,#dff1fa);color:var(--text);border-color:var(--accent)}.ctl-segment-button:hover .ctl-segment-label{background:#dff1fa;color:var(--text)}.ctl-icon-button:hover{background:#fff8ef;color:#c54616;border-color:#d66b13}.ctl-position-button:hover{background:linear-gradient(#faffff,#dff1fa);color:var(--text);border-color:var(--accent)}.ctl-button.danger,.new-doc-error{color:#c54616}#inspector,.drawer-right,.export-actions,.export-header,.export-size-grid,.new-doc-actions,.new-doc-header,.picker-header{border-color:var(--border)}.ctl-title,.picker-group-title{color:#588113}#layer-list li:hover{background:#edf8fe}#layer-list li.selected{background:#d9eef7;color:#024962;box-shadow:inset 3px 0 0 #588113}.inspector-studio-card{border-color:#bdd8e8;border-left-color:var(--accent);color:#506d7d;background:linear-gradient(#fff,#eef8fd)}.inspector-studio-card strong{color:#024962}.inspector-studio-card .inspector-studio-card-action{color:#0078a5}.inspector-studio-card:focus-visible,.inspector-studio-card:hover{border-color:var(--accent);color:#23485e;background:#edf8fe}#canvas-host,.export-preview{background:#15151a}.export-preview{color:#b7c6cf}#canvas-host canvas,.export-preview-img{box-shadow:0 0 0 1px #aecbdc,0 10px 28px rgba(45,86,112,.22)}.empty-canvas-icon{color:#607887}.ctl-body input[type=number],.ctl-body input[type=text],.ctl-body select,.ctl-body textarea,.export-format select,.export-size-grid input,.new-doc-grid input[type=number],.picker-search{background:#fff;color:var(--text);border-color:#b8d8ea;box-shadow:inset 0 1px 2px rgba(45,86,112,.08)}.ctl-body input[type=number]:focus,.ctl-body input[type=text]:focus,.ctl-body select:focus,.ctl-body textarea:focus,.export-format select:focus,.export-size-grid input:focus,.new-doc-grid input:focus,.picker-search:focus{outline:rgba(0,149,205,.28) solid 2px;outline-offset:1px;border-color:var(--accent)}.ctl-filter-row{border-bottom-color:#d7e8f2}.export-dialog,.new-doc-dialog,.picker-dialog{box-shadow:0 18px 50px rgba(45,86,112,.24)}.picker-label{color:inherit}.export-backdrop,.new-doc-backdrop,.startup-effect-backdrop{background:rgba(23,72,98,.4)}.modal-overflow-indicator{color:#0078a5}.modal-overflow-indicator stop:first-of-type,.modal-overflow-indicator stop:last-of-type{stop-color:#9fc6dc}.modal-overflow-indicator stop:nth-of-type(2){stop-color:#0078a5}.startup-effect-dialog{background:#ffffeb;border-color:#d3e5f0;color:#024962;box-shadow:0 22px 62px rgba(24,81,112,.28)}.startup-effect-close{color:var(--muted)}.startup-effect-close:hover{background:#f1faff;color:var(--text)}.startup-effect-badge{background:#e6f5df;color:#588113}.startup-effect-copy{color:#47616e}.startup-effect-secondary{background:#fff;color:#024962;border-color:#b8d8ea}.startup-effect-secondary:hover{background:#f1faff;border-color:var(--accent)}@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){#topbar::before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12' fill='none' stroke='%2323485e' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7l4-3.5L16 7'/%3E%3Cpath d='M8 11l4-3.5L16 11'/%3E%3C/svg%3E");background:linear-gradient(180deg,var(--panel) 35%,rgba(255,255,255,0))}#topbar::after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12' fill='none' stroke='%2323485e' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5l4 3.5L16 5'/%3E%3Cpath d='M8 1l4 3.5L16 1'/%3E%3C/svg%3E");background:linear-gradient(0deg,var(--panel) 35%,rgba(255,255,255,0))}}@media (pointer:coarse){.export-dialog,.export-preview.generating .export-preview-loading,.inspector-pullout,.new-doc-dialog,.picker-dialog,.startup-effect-dialog,.startup-loading-box{box-shadow:none}#canvas-host canvas,.export-preview-img{box-shadow:0 0 0 1px #aecbdc}}