:root{--bg:#dceafa;--canvas-bg:#f4f7fb80;--panel-bg:#ffffff8c;--panel-bg-strong:#fff9;--menu-glass-bg:#ffffff73;--panel-border:#ffffff8c;--glass-blur:blur(30px) saturate(180%);--glass-refract:var(--glass-blur) url(#liquid-glass);--glass-rim:inset 0 1.5px 1px -.5px #fffffff2, inset 1.5px 0 1px -.5px #ffffffb3, inset 0 -1px 1px -.5px #ffffff8c, inset -1.5px 0 1px -.5px #ffffff73, inset 0 0 0 1px #ffffff47, inset 0 -10px 18px -14px #6eaaff80, inset 0 0 22px #ffffff29;--menu-sheen:radial-gradient(130% 60% at 10% 0%, #ffffff57, #ffffff0a 46%, #fff0 64%), linear-gradient(115deg, #fff0 32%, #ffffff29 46%, #ffffff42 50%, #ffffff29 54%, #fff0 68%), radial-gradient(90% 45% at 92% 100%, #fff3, #fff0 58%);--glass-highlight:#ffffffe6;--glass-edge:inset 0 1px 0 var(--glass-highlight), inset 0 0 0 1px #ffffff59;--shadow-float:0 0 0 .5px #15335514, 0 2px 8px #1f3d6812, 0 12px 32px #1f3d6824;--shadow-raised:0 0 0 .5px #15335514, 0 8px 24px #1f3d6824, 0 32px 80px #1f3d6847;--field-bg:#7878801f;--hover-bg:#7878801f;--active-bg:#78788033;--accent:#0a84ff;--accent-tint:#0a84ff26;--guide:#00a3ff;--text-primary:#1d1d1f;--text-secondary:#3c3c439e;--font-ui:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", Consolas, monospace;--radius-panel:18px;--radius-control:9px;--radius-well:10px;--ease-spring:cubic-bezier(.32, .72, 0, 1);--hairline:#15335524;--shadow-chip:inset 0 1px 0 #ffffffe6, 0 0 0 .5px #15335524, 0 1px 3px #1f3d681a;--well-edge:inset 0 0 0 1px #1533551a, inset 0 1px 2px #1f3d6814}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--text-primary);font-family:var(--font-ui);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;background:radial-gradient(1300px 800px at 12% 18%,#ffffffbf,#0000 60%),radial-gradient(1100px 750px at 88% 8%,#8cc8ffa6,#0000 65%),radial-gradient(1000px 800px at 78% 95%,#2e6cc48c,#0000 62%),radial-gradient(800px 600px at 35% 100%,#ffffff73,#0000 60%),linear-gradient(128deg,#b7dcf8 0%,#8cc2ee 32%,#5d97d6 68%,#8ab8e6 100%);min-width:1280px;font-size:13px;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#00000024 padding-box padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#00000042 padding-box padding-box;border:3px solid #0000}::-webkit-scrollbar-corner{background:0 0}@keyframes glass-rise{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}button{font-family:inherit}.mono{font-family:var(--font-mono)}.app-shell{grid-template:"menubar menubar menubar"32px"options options options"34px"toolbar tabs panels"30px"toolbar canvas panels"1fr"statusbar statusbar statusbar"24px/84px 1fr 280px;gap:8px;height:100%;padding:8px;display:grid}.glass,.options-bar,.toolbar,.statusbar,.panel,.ruler,.ruler-corner,.doc-tabs{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur)}.doc-tabs{scrollbar-width:none;border:1px solid var(--panel-border);border-radius:var(--radius-panel);min-width:0;box-shadow:var(--glass-edge), var(--shadow-float);grid-area:tabs;align-items:center;gap:4px;padding:0 4px;display:flex;overflow-x:auto}.doc-tabs::-webkit-scrollbar{display:none}.doc-tab{border-radius:var(--radius-control);min-width:0;max-width:180px;height:22px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;flex:0 auto;align-items:center;gap:6px;padding:0 4px 0 10px;font-size:12px;display:flex}.doc-tab:hover{background:var(--hover-bg);color:var(--text-primary)}.doc-tab.active{color:#fff;background:linear-gradient(#3d9bff,#0a7aef)}.doc-tab-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.doc-tab-dirty{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.doc-tab.active .doc-tab-dirty{background:#fff}.doc-tab-close{width:16px;height:16px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.doc-tab-close:hover{opacity:1;background:var(--active-bg)}.doc-tab.active .doc-tab-close:hover{background:#ffffff40}.doc-tab-add{border-radius:var(--radius-control);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.doc-tab-add:hover{background:var(--hover-bg);color:var(--text-primary)}.menubar{border:1px solid var(--panel-border);border-radius:var(--radius-panel);box-shadow:var(--glass-edge), var(--shadow-float);z-index:20;grid-area:menubar;align-items:center;padding:0 12px;display:flex;position:relative}.menubar:before{content:"";z-index:-1;border-radius:inherit;background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);position:absolute;inset:0}.menubar-logo{margin-right:16px;font-size:13px;font-weight:600}.menubar-menus{display:flex}.menubar-item{border-radius:var(--radius-control);color:var(--text-primary);cursor:default;background:0 0;border:none;padding:6px 10px;font-size:13px}.menubar-item:hover{background:var(--hover-bg)}.toolbar{border:1px solid var(--panel-border);border-radius:var(--radius-panel);box-shadow:var(--glass-edge), var(--shadow-float);flex-direction:column;grid-area:toolbar;justify-content:space-between;align-items:center;padding:6px 0;display:flex;overflow-y:auto}.toolbar-tools{grid-template-columns:repeat(2,36px);gap:2px;display:grid}.tool-button{border-radius:var(--radius-control);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.tool-button:hover{background:var(--hover-bg);color:var(--text-primary)}.tool-button.active{background:var(--accent-tint);color:var(--accent);box-shadow:inset 0 1px #fff6,inset 0 0 0 1px #0a84ff4d}.color-swatches{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:36px;height:36px;position:relative}.swatch{border:1px solid var(--panel-border);border-radius:var(--radius-control);cursor:pointer;width:20px;height:20px;padding:0;position:absolute}.swatch-foreground{z-index:1;top:2px;left:4px}.swatch-swap{width:12px;height:12px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;right:0}.swatch-swap:hover{color:var(--text-primary)}.swatch-background{bottom:2px;right:4px}.canvas-area{background:var(--canvas-bg);-webkit-backdrop-filter:blur(40px)saturate(120%);border-radius:var(--radius-panel);border:1px solid #ffffff73;grid-area:canvas;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff8c,inset 0 2px 14px #1f3d6821}.panels{flex-direction:column;grid-area:panels;gap:8px;display:flex;overflow-y:auto}.panel{border:1px solid var(--panel-border);border-radius:var(--radius-panel);box-shadow:var(--glass-edge), var(--shadow-float);flex-shrink:0;overflow:hidden}.panel-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--panel-border);padding:8px 10px;font-size:11px;font-weight:500}.panel-title-row{justify-content:space-between;align-items:center;padding:4px 10px;display:flex}.panel-title-row .panel-title-text{font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit}.panel-empty{color:var(--text-secondary);padding:10px}.layer-controls{border-bottom:1px solid var(--panel-border);flex-direction:column;gap:6px;padding:8px 10px;display:flex}.layer-control{align-items:center;gap:8px;display:flex}.layer-control>span:first-child{width:46px;color:var(--text-secondary);flex-shrink:0;font-size:11px}.layer-control select{background:var(--field-bg);min-width:0;color:var(--text-primary);border:1px solid var(--panel-border);border-radius:var(--radius-control);flex:1;padding:3px 4px;font-family:inherit;font-size:12px}.layer-control select:disabled{opacity:.5}.layer-control input[type=range]{flex:1;min-width:0}.opacity-value{text-align:right;flex-shrink:0;width:38px;font-size:11px}.layer-list{list-style:none}.layer-row{border-radius:8px;align-items:center;gap:6px;margin:1px 4px;padding:6px 8px;display:flex}.layer-row:hover{background:var(--hover-bg)}.layer-row.active{color:#fff;background:linear-gradient(#3d9bff,#0a7aef);box-shadow:inset 0 1px #ffffff59,0 2px 8px #0a84ff59}.layer-row.active .icon-button,.layer-row.active .icon-button.engaged{color:#ffffffe6}.layer-row.active .icon-button:hover{color:#fff}.layer-row.dragging{opacity:.4}.layer-row.clipped{padding-left:14px}.clip-indicator{color:var(--text-secondary);flex:none;align-items:center;display:flex}.layer-row.active .clip-indicator{color:#ffffffe6}.layer-row.drop-above{box-shadow:inset 0 2px 0 var(--accent)}.layer-row.drop-below{box-shadow:inset 0 -2px 0 var(--accent)}.layer-thumb{background:#ffffff80;border-radius:4px;flex:none;width:34px;height:26px;box-shadow:0 0 0 1px #0000001f}.layer-thumb-icon{color:var(--text-secondary);background:#ffffffbf;justify-content:center;align-items:center;display:flex}.layer-row.active .layer-thumb-icon{color:var(--text-primary)}.thumb-target{flex:none;display:flex}.layer-row .thumb-target.targeted .layer-thumb,.layer-row.active .thumb-target.targeted .layer-thumb{box-shadow:0 0 0 2px var(--accent)}.layer-rename-input{border:1px solid var(--accent);border-radius:var(--radius-control);min-width:0;color:var(--text-primary);font:inherit;background:#ffffffd9;flex:1;padding:1px 4px}.layer-rename-input:focus{outline:none}.context-menu{z-index:1000;background:var(--menu-sheen), var(--menu-glass-bg);min-width:168px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);box-shadow:var(--glass-rim), var(--shadow-raised);border-radius:12px;padding:4px;position:fixed}.context-menu button{text-align:left;border-radius:var(--radius-control);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:12px;display:block}.context-menu button:hover:not(:disabled){background:var(--accent-tint)}.context-menu button:disabled{color:var(--text-secondary);opacity:.6;cursor:default}.context-menu hr{border:none;border-top:1px solid var(--panel-border);margin:4px 0}.layer-context-menu{min-width:224px;max-height:calc(100vh - 16px);overflow-y:auto}.context-menu .menu-entry-row{display:flex}.menu-entry:disabled{color:var(--text-secondary);opacity:.6;cursor:default}.menu-entry:disabled:hover{background:0 0}.menu-sub-arrow{color:var(--text-secondary);margin-left:16px;font-size:10px}.menu-sub-trigger.sub-open{background:var(--accent-tint)}.layer-submenu{min-width:148px}.edit-menu-dropdown{min-width:272px;max-height:calc(100vh - 96px);overflow-y:auto}.edit-submenu{min-width:208px}.menu-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:inset 0 0 0 1px #00000026}.menu-color-none{background:0 0;box-shadow:inset 0 0 0 1px #3c3c4366}.layer-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.icon-button{border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.icon-button:hover{color:var(--text-primary)}.icon-button.engaged{color:var(--accent)}.prop-list{padding:6px 0}.prop-row{justify-content:space-between;gap:8px;padding:4px 10px;display:flex}.prop-row dt{color:var(--text-secondary)}.prop-row dd{text-align:right}.history-list{list-style:none}.history-item{text-align:left;border-radius:var(--radius-control);width:calc(100% - 8px);color:var(--text-primary);cursor:pointer;background:0 0;border:none;margin:1px 4px;padding:5px 10px;font-size:12px;display:block}.history-item:hover{background:var(--hover-bg)}.history-item.current{color:#fff;background:linear-gradient(#3d9bff,#0a7aef);box-shadow:inset 0 1px #ffffff59,0 2px 8px #0a84ff59}.history-item.future{color:var(--text-secondary);opacity:.6}.statusbar{border:1px solid var(--panel-border);border-radius:var(--radius-panel);box-shadow:var(--glass-edge), var(--shadow-float);color:var(--text-secondary);grid-area:statusbar;align-items:center;gap:24px;padding:0 12px;font-size:11px;display:flex}.statusbar .autosave-status{margin-left:auto}.statusbar .autosave-status.failed{color:#d70015}.options-bar{border:1px solid var(--panel-border);border-radius:var(--radius-panel);box-shadow:var(--glass-edge), var(--shadow-float);white-space:nowrap;grid-area:options;align-items:center;gap:16px;padding:0 12px;display:flex;overflow-x:auto}.opt-control{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.opt-control>span:first-child{color:var(--text-secondary)}.opt-control input[type=range]{width:88px}.layer-control input[type=range],.opt-control input[type=range]{appearance:none;background:0 0;height:16px}.layer-control input[type=range]::-webkit-slider-runnable-track{background:#78788047;border-radius:999px;height:4px;box-shadow:inset 0 .5px 1px #15335526}.opt-control input[type=range]::-webkit-slider-runnable-track{background:#78788047;border-radius:999px;height:4px;box-shadow:inset 0 .5px 1px #15335526}.layer-control input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;width:14px;height:14px;transition:transform .18s var(--ease-spring);background:#fff;border-radius:50%;margin-top:-5px;box-shadow:0 0 0 .5px #15335540,0 1px 4px #1f3d6859}.opt-control input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;width:14px;height:14px;transition:transform .18s var(--ease-spring);background:#fff;border-radius:50%;margin-top:-5px;box-shadow:0 0 0 .5px #15335540,0 1px 4px #1f3d6859}.layer-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}.opt-control input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}.layer-control input[type=range]::-moz-range-track{background:#78788047;border-radius:999px;height:4px}.opt-control input[type=range]::-moz-range-track{background:#78788047;border-radius:999px;height:4px}.layer-control input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 .5px #15335540,0 1px 4px #1f3d6859}.opt-control input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 .5px #15335540,0 1px 4px #1f3d6859}.opt-control select{background:var(--field-bg);color:var(--text-primary);border:1px solid var(--panel-border);border-radius:var(--radius-control);padding:3px 4px;font-family:inherit;font-size:12px}.opt-value{min-width:34px;color:var(--text-primary);justify-content:flex-end;align-items:baseline;display:inline-flex}.opt-num{text-align:right;width:4.5ch;min-width:0;color:var(--text-primary);font-family:var(--font-mono);transition:border-color .18s var(--ease-spring), box-shadow .18s var(--ease-spring);background:0 0;border:1px solid #0000;border-radius:6px;padding:2px 3px;font-size:11px}.opt-num:hover{background:var(--field-bg)}.opt-num:focus{background:var(--field-bg);box-shadow:0 0 0 3px var(--accent-tint);border-color:#0a84ff99;outline:none}.opt-checkbox{cursor:pointer}.opt-checkbox input{accent-color:var(--accent)}.opt-swatch{border:1px solid var(--panel-border);border-radius:var(--radius-control);cursor:pointer;width:22px;height:22px;padding:0}.opt-button{color:var(--text-primary);border-radius:var(--radius-control);box-shadow:var(--shadow-chip);cursor:pointer;background:#ffffff8c;border:none;padding:5px 13px;font-size:12px}.opt-button:hover:not(:disabled){color:var(--accent);background:#ffffffd1}.opt-button:disabled{opacity:.45;cursor:default}.opt-hint{color:var(--text-secondary);font-size:11px}.grad-editor{align-items:center;gap:8px;display:flex}.grad-track{cursor:copy;border:none;border-radius:999px;width:160px;height:16px;position:relative;box-shadow:inset 0 0 0 1px #15335526}.grad-stop{cursor:grab;border:2px solid #fff;border-radius:50%;width:13px;height:13px;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .5px #15335559,0 1px 3px #1f3d6859}.grad-stop.selected{box-shadow:0 0 0 2px var(--accent), 0 1px 3px #1f3d6859;z-index:1}.text-editor{z-index:50;border:1px dashed var(--accent);resize:none;white-space:pre;min-width:4px;caret-color:var(--accent);background:0 0;outline:none;margin:0;padding:0;position:absolute;overflow:hidden}.color-picker{background:var(--panel-bg-strong);width:280px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:var(--radius-panel);box-shadow:var(--glass-edge), var(--shadow-raised);padding:12px}.color-picker-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:10px;font-size:11px;font-weight:500}.color-picker-body{flex-direction:column;gap:10px;display:flex}.sv-square{cursor:crosshair;touch-action:none;width:100%;height:160px;position:relative}.sv-white{background:linear-gradient(90deg,#fff,#fff0);position:absolute;inset:0}.sv-black{background:linear-gradient(#0000,#000);position:absolute;inset:0}.sv-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 0 1px #00000080}.hue-slider{appearance:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:999px;width:100%;height:12px;box-shadow:inset 0 0 0 1px #1533551f}.hue-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:none;border-radius:50%;width:16px;height:16px;margin-top:-2px;box-shadow:0 0 0 .5px #1533554d,0 1px 4px #1f3d6859}.hue-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 .5px #1533554d,0 1px 4px #1f3d6859}.color-picker-fields{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.cp-field{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.cp-field:first-child{grid-column:1/-1}.cp-field span{flex-shrink:0;width:24px}.cp-field input{background:var(--field-bg);min-width:0;color:var(--text-primary);border:1px solid var(--panel-border);border-radius:var(--radius-control);flex:1;padding:3px 5px;font-size:12px}.cp-field input:focus{border-color:var(--accent);outline:none}.cp-sliders{flex-direction:column;gap:6px;margin-top:8px;display:flex}.cp-slider{color:var(--text-secondary);align-items:center;gap:8px;font-size:11px;display:flex}.cp-slider>span{flex-shrink:0;width:14px}.cp-slider input[type=range]{appearance:none;border:none;border-radius:999px;flex:1;min-width:0;height:10px;box-shadow:inset 0 0 0 1px #1533551f}.cp-slider input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:none;border-radius:50%;width:14px;height:14px;margin-top:-2px;box-shadow:0 0 0 .5px #1533554d,0 1px 4px #1f3d6859}.cp-slider input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 .5px #1533554d,0 1px 4px #1f3d6859}.cp-num{background:var(--field-bg);width:46px;color:var(--text-primary);border:1px solid var(--panel-border);border-radius:var(--radius-control);flex-shrink:0;padding:3px 5px;font-size:12px}.cp-num:focus{border-color:var(--accent);outline:none}.color-picker-actions{align-items:center;gap:10px;margin-top:14px;display:flex}.color-preview{border:1px solid var(--panel-border);flex:1;height:24px}.color-picker-actions button{color:#fff;cursor:pointer;background:linear-gradient(#3d9bff,#0a7aef);border:none;border-radius:999px;padding:5px 16px;font-size:12px;font-weight:500;box-shadow:inset 0 1px #fff6,0 2px 10px #0a84ff66}.menubar-menu{position:relative}.menubar-item.active{background:var(--hover-bg)}.menu-backdrop{z-index:900;position:fixed;inset:0}.menu-dropdown{z-index:1000;background:var(--menu-sheen), var(--menu-glass-bg);min-width:180px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);box-shadow:var(--glass-rim), var(--shadow-raised);border-radius:12px;padding:4px;position:absolute;top:calc(100% + 6px);left:0}@supports ((-webkit-backdrop-filter:url(#liquid-glass)) or (backdrop-filter:url(#liquid-glass))){.context-menu,.menu-dropdown{-webkit-backdrop-filter:var(--glass-refract)}}.menu-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:6px 12px 4px;font-size:10px}.menu-entry{text-align:left;border-radius:var(--radius-control);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:12px;display:block}.menu-entry:hover{background:var(--accent-tint)}.adj-dialog{z-index:1500;background:var(--panel-bg-strong);width:264px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:var(--radius-panel);box-shadow:var(--glass-edge), var(--shadow-raised);padding:12px;position:fixed;top:56px;left:80px}.adj-dialog-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:10px;font-size:11px;font-weight:500}.adj-dialog-body{flex-direction:column;gap:8px;display:flex}.adj-field{grid-template-columns:64px 1fr 48px;align-items:center;gap:8px;display:grid}.adj-field-label{color:var(--text-secondary);font-size:11px}.adj-slider{appearance:none;background:0 0;border:none;width:100%;height:16px}.adj-slider::-webkit-slider-runnable-track{background:#78788047;border-radius:999px;height:4px;box-shadow:inset 0 .5px 1px #15335526}.adj-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;width:14px;height:14px;transition:transform .18s var(--ease-spring);background:#fff;border-radius:50%;margin-top:-5px;box-shadow:0 0 0 .5px #15335540,0 1px 4px #1f3d6859}.adj-slider::-webkit-slider-thumb:hover{transform:scale(1.12)}.adj-slider::-moz-range-track{background:#78788047;border-radius:999px;height:4px}.adj-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 .5px #15335540,0 1px 4px #1f3d6859}.adj-number{background:var(--field-bg);width:100%;min-width:0;color:var(--text-primary);border:1px solid var(--panel-border);border-radius:var(--radius-control);padding:3px 4px;font-size:11px}.adj-number:focus{border-color:var(--accent);outline:none}.adj-tabs{background:var(--field-bg);border-radius:var(--radius-control);gap:2px;padding:2px;display:flex}.adj-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:4px 0;font-size:11px}.adj-tab.active{color:var(--text-primary);background:#ffffffeb;box-shadow:0 0 0 .5px #1533551f,0 1px 3px #1f3d6829}.adj-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-top:4px;font-size:10px}.adj-check{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.adj-text-button{color:var(--text-primary);border-radius:var(--radius-control);box-shadow:var(--shadow-chip);cursor:pointer;background:#ffffff8c;border:none;align-self:flex-start;margin-top:4px;padding:4px 12px;font-size:11px}.adj-text-button:hover{color:var(--accent);background:#ffffffd1}.adj-histogram{background:var(--field-bg);border:1px solid var(--panel-border);width:100%;height:64px}.curve-stack{position:relative}.curve-stack .adj-histogram{border-bottom:none;height:80px;display:block}.curve-editor{background:var(--field-bg);border:1px solid var(--panel-border);touch-action:none;width:100%;height:200px;display:block}.curve-diagonal{stroke:#1d1d1f40;stroke-width:1px;vector-effect:non-scaling-stroke}.curve-grid{stroke:#1d1d1f1a;stroke-width:1px;vector-effect:non-scaling-stroke}.curve-point{fill:var(--accent);stroke:#fff;stroke-width:1px;cursor:pointer;vector-effect:non-scaling-stroke}.adj-dialog-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.adj-dialog-actions button{color:var(--text-primary);box-shadow:var(--shadow-chip);cursor:pointer;background:#ffffff8c;border:none;border-radius:999px;padding:5px 16px;font-size:12px}.adj-dialog-actions button:hover{background:#ffffffd1}.adj-dialog-actions .primary{color:#fff;background:linear-gradient(#3d9bff,#0a7aef);border:none;border-radius:999px;font-weight:500;box-shadow:inset 0 1px #fff6,0 2px 10px #0a84ff66}.menu-divider{border:none;border-top:1px solid var(--panel-border);margin:4px 0}.filter-dialog{z-index:1500;background:var(--panel-bg-strong);width:300px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:var(--radius-panel);box-shadow:var(--glass-edge), var(--shadow-raised);padding:12px;position:fixed;top:56px;left:80px}.filter-dialog-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:10px;font-size:11px;font-weight:500}.filter-preview{border:1px solid var(--panel-border);background-color:#f4f5f7;background-image:linear-gradient(45deg,#dfe2e6 25%,#0000 25%),linear-gradient(-45deg,#dfe2e6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dfe2e6 75%),linear-gradient(-45deg,#0000 75%,#dfe2e6 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;justify-content:center;align-items:center;height:200px;margin-bottom:12px;display:flex;overflow:hidden}.filter-preview canvas{image-rendering:auto;max-width:100%;max-height:100%}.filter-dialog-body{flex-direction:column;gap:8px;display:flex}.filter-select{grid-template-columns:64px 1fr;align-items:center;gap:8px;display:grid}.filter-select span{color:var(--text-secondary);font-size:11px}.filter-select select{background:var(--field-bg);width:100%;color:var(--text-primary);border:1px solid var(--panel-border);border-radius:var(--radius-control);padding:3px 4px;font-size:11px}.filter-select select:focus{border-color:var(--accent);outline:none}.filter-note{color:var(--text-secondary);font-size:11px}.filter-dialog-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.filter-dialog-actions button{color:var(--text-primary);box-shadow:var(--shadow-chip);cursor:pointer;background:#ffffff8c;border:none;border-radius:999px;padding:5px 16px;font-size:12px}.filter-dialog-actions button:hover{background:#ffffffd1}.filter-dialog-actions .primary{color:#fff;background:linear-gradient(#3d9bff,#0a7aef);border:none;border-radius:999px;font-weight:500;box-shadow:inset 0 1px #fff6,0 2px 10px #0a84ff66}.menu-entry-row{align-items:center;gap:8px;display:flex}.menu-check{text-align:center;width:12px;color:var(--accent);flex-shrink:0}.menu-entry-label{white-space:nowrap;flex:1}.menu-shortcut{color:var(--text-secondary);margin-left:16px;font-size:11px}.rulers-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ruler{background:var(--panel-bg);pointer-events:auto;z-index:7;position:absolute;top:0;left:0}.ruler-h{border-bottom:1px solid var(--panel-border);cursor:row-resize}.ruler-v{border-right:1px solid var(--panel-border);cursor:col-resize}.ruler-svg{display:block}.ruler-tick{stroke:var(--text-secondary);stroke-width:1px;shape-rendering:crispedges}.ruler-label{fill:var(--text-secondary);font-family:var(--font-mono);font-size:9px}.ruler-corner{background:var(--panel-bg);border-right:1px solid var(--panel-border);border-bottom:1px solid var(--panel-border);pointer-events:none;z-index:8;position:absolute;top:0;left:0}.guide{pointer-events:auto;z-index:6;position:absolute}.guide-h{cursor:row-resize;width:100%;height:7px;margin-top:-3px;left:0}.guide-v{cursor:col-resize;width:7px;height:100%;margin-left:-3px;top:0}.guide-line{background:var(--guide);display:block;position:absolute}.guide-h .guide-line{height:1px;top:3px;left:0;right:0}.guide-v .guide-line{width:1px;top:0;bottom:0;left:3px}.prop-transform{border-top:1px solid var(--panel-border);flex-direction:column;gap:6px;padding:8px 10px;display:flex}.prop-pair{grid-template-columns:1fr 1fr;align-items:center;gap:6px;display:grid}.prop-pair-lock{grid-template-columns:1fr auto 1fr}.prop-field{background:var(--field-bg);border:1px solid var(--panel-border);align-items:center;gap:4px;padding:2px 6px;display:flex}.prop-field:focus-within{border-color:var(--accent)}.prop-field-label{text-align:center;min-width:12px;color:var(--text-secondary);flex-shrink:0;font-size:11px}.prop-input{width:100%;min-width:0;color:var(--text-primary);text-align:right;background:0 0;border:none;flex:1;padding:2px 0;font-size:11px}.prop-input:focus{outline:none}.prop-input:disabled{opacity:.4}.prop-field-suffix{color:var(--text-secondary);flex-shrink:0;font-size:11px}.prop-lock{width:22px;height:22px}.prop-lock:disabled{opacity:.35;cursor:default}.grid-dialog{width:280px}.grid-color{background:var(--field-bg);border:1px solid var(--panel-border);cursor:pointer;width:100%;height:22px;padding:0}.grid-color-value{color:var(--text-secondary);text-align:right;font-size:11px}.file-dialog{width:300px}.file-select{background:var(--field-bg);width:100%;min-width:0;color:var(--text-primary);border:1px solid var(--panel-border);border-radius:var(--radius-control);padding:3px 4px;font-size:11px}.file-select:focus{border-color:var(--accent);outline:none}.file-number-wide{grid-column:2/3}.file-unit{color:var(--text-secondary);text-align:right;font-size:11px}.file-radio-row{gap:4px;display:flex}.file-radio{background:var(--field-bg);color:var(--text-secondary);border:1px solid var(--panel-border);border-radius:var(--radius-control);cursor:pointer;text-transform:capitalize;flex:1;padding:5px 0;font-size:11px}.file-radio.active{color:var(--text-primary);border-color:var(--accent);background:var(--accent-tint)}.file-estimate{color:var(--text-secondary);border-top:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;font-size:11px;display:flex}.modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(14px)saturate(140%);background:#d6e6f559;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.restore-dialog{position:static}.restore-text{color:var(--text-primary);margin:0;font-size:12px;line-height:1.5}.tool-button,.menubar-item,.menu-entry,.context-menu button,.icon-button,.history-item,.layer-row,.opt-button,.opt-swatch,.swatch,.adj-tab,.file-radio,.adj-text-button,.color-picker-actions button,.adj-dialog-actions button,.filter-dialog-actions button{transition:background-color .18s var(--ease-spring), color .18s var(--ease-spring), border-color .18s var(--ease-spring), box-shadow .18s var(--ease-spring), transform .18s var(--ease-spring)}.tool-button:active,.menubar-item:active,.opt-button:active:not(:disabled),.adj-tab:active,.file-radio:active,.adj-text-button:active,.color-picker-actions button:active,.adj-dialog-actions button:active,.filter-dialog-actions button:active{transform:scale(.96)}.color-picker-actions button:hover,.adj-dialog-actions .primary:hover,.filter-dialog-actions .primary:hover{filter:brightness(1.06);box-shadow:inset 0 1px #ffffff80,0 4px 16px #0a84ff80}@keyframes glass-fade{0%{opacity:0}to{opacity:1}}.menu-dropdown,.context-menu{animation:.16s ease-out both glass-fade}.adj-dialog,.filter-dialog,.color-picker{animation:glass-rise .26s var(--ease-spring) both}.modal-backdrop{animation:backdrop-fade .22s var(--ease-spring) both}.panel-title,.color-picker-title,.adj-dialog-title,.filter-dialog-title{letter-spacing:.12em;font-size:10px;font-weight:600}.menu-section-label,.adj-section-label{letter-spacing:.12em;font-weight:600}.opt-control>span:first-child,.layer-control>span:first-child{text-transform:uppercase;letter-spacing:.07em;font-size:10px}.opt-value,.opacity-value,.grid-color-value,.file-unit,.prop-row dd,.prop-input,.adj-number,.cp-num,.cp-field input{font-family:var(--font-mono)}.menu-shortcut{font-family:var(--font-mono);font-size:10px}.sv-square{border-radius:var(--radius-well);overflow:hidden}.adj-histogram,.curve-editor,.filter-preview,.color-preview,.grid-color{border-radius:var(--radius-well);box-shadow:var(--well-edge);border:none}.curve-stack .adj-histogram{border-radius:var(--radius-well) var(--radius-well) 0 0}.curve-stack .curve-editor{border-radius:0 0 var(--radius-well) var(--radius-well)}.prop-field{border-radius:var(--radius-control);transition:box-shadow .18s var(--ease-spring);border:none;box-shadow:inset 0 0 0 1px #1533551a}.prop-field:focus-within{box-shadow:inset 0 0 0 1px #0a84ff99, 0 0 0 3px var(--accent-tint)}.swatch,.opt-swatch{border:2px solid #ffffffe6;border-radius:7px;box-shadow:0 0 0 .5px #15335540,0 1px 4px #1f3d6840}.layer-thumb{box-shadow:0 0 0 1px var(--hairline);border-radius:5px}.layer-row.active .layer-thumb{box-shadow:0 0 0 1px #fff9}.file-radio-row{background:var(--field-bg);border-radius:var(--radius-control);gap:2px;padding:2px}.file-radio{background:0 0;border:none;border-radius:7px}.file-radio.active{background:#ffffffeb;border-color:#0000;box-shadow:0 0 0 .5px #1533551f,0 1px 3px #1f3d6829}.cp-field input,.cp-num,.adj-number,.file-select,.layer-rename-input,.layer-control select,.opt-control select,.filter-select select{transition:border-color .18s var(--ease-spring), box-shadow .18s var(--ease-spring)}.cp-field input:focus,.cp-num:focus,.adj-number:focus,.file-select:focus,.layer-rename-input:focus,.filter-select select:focus{box-shadow:0 0 0 3px var(--accent-tint);border-color:#0a84ff99;outline:none}.drop-overlay{z-index:2500;-webkit-backdrop-filter:blur(16px)saturate(150%);border:2px dashed var(--accent);pointer-events:none;color:var(--text-primary);background:#f0f8ff66;border-radius:20px;justify-content:center;align-items:center;font-size:18px;font-weight:500;display:flex;position:fixed;inset:12px}