:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color-scheme:dark;--bg: #1f1f1f;--chrome: #2b2b2b;--surface: #323232;--surface2: #393939;--panel-tab: #2b2b2b;--canvas: #1e1e1e;--line: #1a1a1a;--line-soft: #444;--text: #dcdcdc;--muted: #a8a8a8;--muted-selected: #cfcfcf;--accent: #3d8bfd;--accent-fill: color-mix(in srgb, var(--accent) 74%, #000);--accent-text: #fff;--accent-bg: #3f3f3f;--selected: #464646;--row-selected: #3f5875;--input: #252525;--input-line: #4a4a4a;--hover: #424242;--menu: #2f2f2f;--white: #fff;--checker-a: #ffffff;--checker-b: #cccccc;--ants-a: #fff;--ants-b: #000;font-synthesis:none;font-size:12px;color:var(--text);background:var(--bg)}:root[data-theme=medium]{--bg: #4a4a4a;--chrome: #505050;--surface: #565656;--surface2: #5b5b5b;--panel-tab: #505050;--canvas: #484848;--line: #3a3a3a;--line-soft: #6c6c6c;--text: #f0f0f0;--muted: #d6d6d6;--muted-selected: #ececec;--accent: #7db4ff;--accent-bg: #666;--selected: #6a6a6a;--row-selected: #4d6c8e;--input: #454545;--input-line: #727272;--hover: #676767;--menu: #545454}:root[data-theme=light]{color-scheme:light;--bg: #d6d6d6;--chrome: #e8e8e8;--surface: #f0f0f0;--surface2: #e6e6e6;--panel-tab: #e2e2e2;--canvas: #c4c4c4;--line: #c2c2c2;--line-soft: #cfcfcf;--text: #262626;--muted: #4f4f4f;--muted-selected: #3c3c3c;--accent: #1473e6;--accent-bg: #d0d0d0;--selected: #d5d5d5;--row-selected: #c7dcf5;--input: #ffffff;--input-line: #b8b8b8;--hover: #dcdcdc;--menu: #f6f6f6}@media(prefers-color-scheme:light){:root[data-theme=system]{color-scheme:light;--bg: #d6d6d6;--chrome: #e8e8e8;--surface: #f0f0f0;--surface2: #e6e6e6;--panel-tab: #e2e2e2;--canvas: #c4c4c4;--line: #c2c2c2;--line-soft: #cfcfcf;--text: #262626;--muted: #4f4f4f;--muted-selected: #3c3c3c;--accent: #1473e6;--accent-bg: #d0d0d0;--selected: #d5d5d5;--row-selected: #c7dcf5;--input: #ffffff;--input-line: #b8b8b8;--hover: #dcdcdc;--menu: #f6f6f6}}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--text);padding:2px 7px;min-height:22px;cursor:default;white-space:nowrap}button:hover:not(:disabled){background:var(--hover)}button:disabled{opacity:.45}button:active:not(:disabled):not(.primary){background:var(--selected)}.primary:active:not(:disabled){background:color-mix(in srgb,var(--accent-fill) 85%,black)}:root{scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}.panel-body,.dock-drawer,dialog,.menu-pop,.search-results,.bottom-panel-body{scrollbar-width:thin}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}input,select,textarea{background:var(--input);border:1px solid var(--input-line);border-radius:3px;min-height:22px;padding:1px 5px}input[type=number]{width:52px}input[type=checkbox]{min-height:0;accent-color:var(--accent)}input[type=range]{accent-color:var(--accent);padding:0;border:0;background:transparent}select{padding-right:2px}kbd{font-family:inherit;color:var(--muted);font-size:11px}.primary{background:var(--accent-fill);color:var(--accent-text);border-color:var(--accent-fill)}.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent-fill) 88%,white)}.secondary{border-color:var(--input-line)}.icon-button{padding:2px;min-width:24px}.icon-button.toggle[aria-pressed=true],.segmented button[aria-pressed=true]{background:var(--selected);border-color:var(--input-line)}.segmented{display:inline-flex;border:1px solid var(--input-line);border-radius:3px;overflow:hidden}.segmented button{border-radius:0;min-width:24px;padding:2px 5px}.divider{width:1px;align-self:stretch;margin:5px 4px;background:var(--line-soft)}.hint{color:var(--muted);font-size:11px}svg.icon{flex:none;display:block}#app{height:100dvh;display:grid;grid-template-rows:30px 36px minmax(0,1fr) 22px}.no-document .optionsbar #tool-options>*{opacity:.55;pointer-events:none}.topbar{display:flex;align-items:center;gap:4px;background:var(--chrome);border-bottom:1px solid var(--line);padding:0 8px;z-index:30}.brand{display:grid;place-items:center;width:26px}.app-icon{display:block;flex:none;-webkit-user-select:none;user-select:none}.about-logo{margin-bottom:12px}.menubar{display:flex;align-items:center;height:100%}.menubar-entry{position:relative;height:100%;display:flex;align-items:center}.menubar-button{height:24px;padding:0 8px;border-radius:3px}.menubar-entry.open>.menubar-button{background:var(--selected)}.menu-pop{display:none;position:absolute;top:calc(100% - 2px);left:0;min-width:230px;padding:4px 0;background:var(--menu);border:1px solid var(--line);border-radius:4px;box-shadow:0 8px 24px #0008;z-index:50}.menubar-entry.open>.menu-pop{display:block}.context-menu{display:block;position:fixed}.menu-item{position:relative;display:grid;grid-template-columns:18px 1fr auto 14px;align-items:center;gap:4px;height:23px;padding:0 8px 0 4px;cursor:default;outline:none}.menu-item:focus,.menu-item:hover{background:var(--accent-fill);color:var(--accent-text)}.menu-item:focus kbd,.menu-item:hover kbd{color:var(--accent-text)}.menu-item[aria-disabled=true]{opacity:.45}.menu-item[aria-disabled=true]:hover,.menu-item[aria-disabled=true]:focus{background:var(--hover);color:var(--text)}.menu-check{text-align:center;font-size:11px}.menu-arrow{grid-column:4;text-align:right}.menu-separator{height:1px;margin:4px 0;background:var(--line-soft)}.submenu{top:-5px;left:100%;color:var(--text)}.submenu .menu-item:not(:hover):not(:focus) kbd{color:var(--muted)}.has-submenu.open>.submenu{display:block}.top-actions{margin-left:auto;display:flex;gap:4px;align-items:center}.export-button{border-color:var(--input-line)}.save-button span{font-size:11px}.account{width:26px}.optionsbar{display:flex;align-items:center;gap:6px;padding:0 8px;background:var(--chrome);border-bottom:1px solid var(--line);min-width:0;overflow:hidden}.active-tool-icon{display:grid;place-items:center;width:28px;height:26px;border-right:1px solid var(--line-soft);padding-right:6px}#tool-options{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none;flex:1}#tool-options label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:11px}#tool-options input[type=number]{width:50px}.options-end{display:flex;align-items:center;gap:6px}.brush-preview{gap:4px;border:1px solid var(--input-line);min-width:48px}.brush-dot{width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle,var(--text) calc(var(--hard) * 60%),transparent 72%)}.popover{position:fixed;z-index:60;background:var(--menu);border:1px solid var(--line);border-radius:4px;box-shadow:0 8px 24px #0008;padding:10px;display:grid;gap:7px;width:260px}.popover label{display:grid;grid-template-columns:70px 1fr 46px;align-items:center;gap:6px;font-size:11px}.preset-list{display:grid;max-height:170px;overflow:auto;border-top:1px solid var(--line-soft);padding-top:6px}.preset-list button{justify-content:flex-start}.editor-layout{display:grid;grid-template-columns:44px minmax(0,1fr) auto;min-height:0}.panels-hidden .dock,[data-screen-mode="1"] .dock,[data-screen-mode="2"] .dock,[data-screen-mode="2"] .toolbar,[data-screen-mode="2"] .optionsbar,[data-screen-mode="2"] .topbar,[data-screen-mode="2"] .statusbar,[data-screen-mode="2"] .document-tabs{display:none}[data-screen-mode="2"]{grid-template-rows:0 0 minmax(0,1fr) 0}[data-screen-mode="2"] .editor-layout{grid-template-columns:minmax(0,1fr)}.toolbar{background:var(--chrome);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:4px 0;gap:1px;position:relative;overflow-y:auto;overflow-x:visible;scrollbar-width:none}.toolbar-grip{width:22px;height:3px;border-top:1px dotted var(--muted);border-bottom:1px dotted var(--muted);margin:2px 0 5px;opacity:.6}.tool-slots{display:flex;flex-direction:column;gap:1px;align-items:center}.tool-slot{position:relative;width:34px;height:30px;padding:0;border-radius:3px}.tool-slot[aria-pressed=true]{background:var(--selected);border-color:var(--line-soft)}.tool-slot.has-flyout:after{content:"";position:absolute;right:2px;bottom:2px;border:3px solid transparent;border-right-color:var(--muted);border-bottom-color:var(--muted)}.tool-separator{width:26px;height:1px;background:var(--line-soft);margin:4px 0;flex:none}.tool-flyout{position:absolute;z-index:40;background:var(--menu);border:1px solid var(--line);border-radius:4px;box-shadow:0 6px 20px #0008;padding:3px;display:grid;min-width:220px}.tool-flyout button{justify-content:flex-start;height:26px;gap:8px}.tool-flyout button kbd{margin-left:auto}.tool-flyout button[aria-checked=true]{background:var(--selected)}.color-chips{position:relative;width:36px;height:40px;margin:4px 0;flex:none}.color-chips .chip{position:absolute;width:20px;height:20px;border:1px solid #000;box-shadow:0 0 0 1px #fff8;padding:0;min-height:0;border-radius:1px}.fg-chip{left:3px;top:8px;z-index:2}.bg-chip{left:13px;top:18px}.chip-default,.chip-swap{position:absolute;padding:0;min-height:0;width:12px;height:12px}.chip-default{left:1px;top:-3px}.chip-swap{right:0;top:-3px}.quick-mask-button[aria-pressed=true]{background:#a33}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--canvas)}.document-tabs{display:flex;height:26px;background:var(--chrome);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;flex:none}.document-tab{display:flex;align-items:center;gap:5px;padding:0 6px 0 10px;border-right:1px solid var(--line);color:var(--muted);font-size:11px;max-width:360px;white-space:nowrap;cursor:default}.document-tab.active{background:var(--surface);color:var(--text)}.document-tab .tab-name{overflow:hidden;text-overflow:ellipsis}.tab-close{width:18px;min-height:18px;padding:0;opacity:.6}.document-tab:hover .tab-close,.document-tab.active .tab-close{opacity:1}.dirty-dot{color:var(--text)}#screen-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}#stage.pixelated #canvas{image-rendering:pixelated}.space-pan,.space-pan #stage,.space-pan *{cursor:grab!important}.panning,.panning *{cursor:grabbing!important}.brush-cursor{fill:none;stroke:#000;stroke-width:1}.brush-cursor-outer{fill:none;stroke:#fff;stroke-width:3;opacity:.8}.marching .ants-white{fill:none;stroke:var(--ants-a)}.marching .ants-black{fill:none;stroke:var(--ants-b);animation:ants .6s linear infinite}@keyframes ants{to{stroke-dashoffset:-8}}.crop-shade{fill:#000;opacity:.55;pointer-events:none}.crop-box{fill:none;stroke:#fff}.crop-grid path{stroke:#fff9;fill:none}.crop-handle{fill:#fff;stroke:#333;pointer-events:all}.dock{display:flex;background:var(--bg);border-left:1px solid var(--line);min-height:0;position:relative}.dock-strip{width:38px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;background:var(--chrome);border-right:1px solid var(--line)}.dock-strip button{width:30px;height:28px;padding:0}.dock-strip button[aria-pressed=true]{background:var(--selected);box-shadow:inset 2px 0 0 var(--accent)}.strip-section{display:flex;flex-direction:column;align-items:center;gap:2px}.strip-section+.strip-section{margin-top:3px;padding-top:5px;position:relative}.strip-section+.strip-section:before{content:"";position:absolute;top:0;left:6px;right:6px;border-top:1px solid var(--line-soft)}.panel-menu-button[aria-haspopup][aria-expanded=true]{background:var(--selected)}.dock-drawer{position:absolute;right:100%;top:0;width:310px;max-height:70%;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);box-shadow:-6px 6px 22px #0007;z-index:20}.dock-drawer .panel-body{overflow:auto}.drawer-title{display:flex;align-items:center;gap:6px;padding-left:8px;font-weight:600;font-size:11px}.drawer-title .icon{width:14px;height:14px;color:var(--muted)}.dock-column{width:300px;display:flex;flex-direction:column;min-height:0;gap:2px}.panel-group{display:flex;flex-direction:column;min-height:26px;background:var(--surface);flex:1 1 0;position:relative}.panel-group[data-location=dock-top]{flex:0 0 auto;max-height:30%}.panel-group[data-location=dock-middle]{flex:1 1 0}.panel-group[data-location=dock-bottom]{flex:1.4 1 0}.panel-group.collapsed{flex:0 0 26px!important}.panel-tabs{display:flex;align-items:stretch;height:26px;background:var(--panel-tab);border-bottom:1px solid var(--line);flex:none}.panel-tabs [role=tab]{border-radius:0;padding:0 10px;font-size:11px;color:var(--muted);border-right:1px solid var(--line);min-height:0}.panel-tabs [role=tab][aria-selected=true]{background:var(--surface);color:var(--text);font-weight:600}.panel-tabs-spacer{flex:1}.panel-menu-button,[data-drawer-close]{width:26px;padding:0;border-radius:0;min-height:0}.panel-slot{flex:1;min-height:0;overflow:auto}.panel-body{min-height:0}.group-resizer{position:absolute;left:0;right:0;bottom:-3px;height:6px;cursor:ns-resize;z-index:5}.bottom-dock{flex:none;height:var(--bottom-height, 210px);max-height:calc(100% - 140px);display:flex;flex-direction:column;background:var(--surface);border-top:1px solid var(--line);position:relative;min-height:0}.bottom-dock[hidden]{display:none}.bottom-dock.collapsed{height:27px}.bottom-resizer{position:absolute;left:0;right:0;top:-4px;height:7px;cursor:ns-resize;z-index:5;touch-action:none}.bottom-dock.collapsed .bottom-resizer{display:none}.bottom-dock-tabs [data-bottom-tab]{border-radius:0;padding:0 12px;font-size:11px;color:var(--muted);border-right:1px solid var(--line);min-height:0}.bottom-dock-tabs [data-bottom-tab][aria-selected=true]{background:var(--surface);color:var(--text);font-weight:600}.bottom-dock-slot{flex:1;min-height:0;display:flex}.bottom-panel-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.panels-hidden .bottom-dock,[data-screen-mode="2"] .bottom-dock{display:none}.timeline-frames{flex:1;min-height:0;display:flex;align-items:flex-start;container-type:size;gap:6px;padding:8px 10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.timeline-frames:focus-visible{outline-offset:-2px}.frame-cell{flex:none;display:flex;flex-direction:column;gap:3px;padding:4px;border:1px solid var(--line-soft);border-radius:4px;background:var(--surface2);cursor:default;-webkit-user-select:none;user-select:none;position:relative}.frame-cell:hover{border-color:var(--input-line)}.frame-cell[aria-selected=true]{background:var(--row-selected);border-color:color-mix(in srgb,var(--accent) 55%,var(--line-soft))}.frame-cell.current{box-shadow:inset 0 0 0 1px var(--accent);border-color:var(--accent)}.frame-cell[data-drop=before]:before,.frame-cell[data-drop=after]:after{content:"";position:absolute;top:2px;bottom:2px;width:3px;border-radius:2px;background:var(--accent)}.frame-cell[data-drop=before]:before{left:-5px}.frame-cell[data-drop=after]:after{right:-5px}.frame-thumb{flex:none;height:clamp(34px,calc(100cqh - 44px),150px);display:grid;place-items:center;background:repeating-conic-gradient(#ccc 0 25%,#fff 0 50%) 0 0 / 8px 8px;border:1px solid #0004;overflow:hidden}.frame-thumb img{width:100%;height:100%;object-fit:contain;display:block}.frame-pending{width:100%;height:100%;background:var(--surface);opacity:.6}.frame-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.frame-number{min-width:14px}.frame-delay{min-height:18px;padding:0 3px;gap:2px;font-size:11px;color:var(--muted)}.frame-cell[aria-selected=true] .frame-meta,.frame-cell[aria-selected=true] .frame-delay{color:var(--text)}.frame-add{flex:none;align-self:center;width:40px;height:48px;border:1px dashed var(--input-line);color:var(--muted)}.timeline-controls{flex:none;display:flex;align-items:center;gap:2px;padding:3px 8px;border-top:1px solid var(--line);background:var(--panel-tab);min-height:30px;overflow-x:auto;scrollbar-width:none}.timeline-controls[hidden]{display:none}.timeline-controls .icon-button{width:28px;height:24px}.timeline-controls .icon-button[aria-pressed=true]{background:var(--selected);border-color:var(--input-line)}.timeline-play{color:var(--accent)}.timeline-loop{gap:4px;font-size:11px;padding:0 6px;height:24px;border-color:var(--input-line)}.timeline-sep{width:1px;align-self:stretch;margin:4px 5px;background:var(--line-soft);flex:none}.timeline-spacer{flex:1}.timeline-status{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:8px}.timeline-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--muted);font-size:12px;padding:8px 16px}.timeline-empty p{margin:0;max-width:520px;line-height:1.5}.timeline-empty-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.timeline-empty-actions button{padding:4px 12px}.timeline-empty-actions button:not(.primary){border-color:var(--input-line)}.animation-export-dialog{width:440px;max-width:calc(100vw - 32px)}.animation-export-size{margin:-6px 0 6px;font-variant-numeric:tabular-nums}.onion-skin{pointer-events:none}.video-timeline{flex:1;min-height:0;display:flex;flex-direction:column}.video-timeline[hidden],.timeline-frames[hidden]{display:none}.vt-body{flex:1;min-height:0;overflow:auto;position:relative;scrollbar-width:thin;outline:none;overscroll-behavior:contain}.vt-body:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.vt-grid{position:relative;min-height:100%;--head: 200px;--vt-clip: color-mix(in srgb, var(--accent) 30%, var(--surface2));--vt-clip-video: color-mix(in srgb, #8b6cf0 38%, var(--surface2));--vt-clip-group: color-mix(in srgb, var(--muted) 26%, var(--surface2));--vt-clip-adjustment: color-mix(in srgb, #3fae8c 32%, var(--surface2))}.vt-ruler-row{position:sticky;top:0;z-index:4;display:flex;height:26px;background:var(--panel-tab);border-bottom:1px solid var(--line)}.vt-corner{position:sticky;left:0;z-index:5;flex:none;width:var(--head);display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 8px;background:var(--panel-tab);border-right:1px solid var(--line);font-size:11px;font-variant-numeric:tabular-nums;cursor:ew-resize}.vt-corner-time{color:var(--text);font-weight:600}.vt-corner-fps{color:var(--muted)}.vt-ruler{position:relative;flex:none;height:100%;cursor:ew-resize;-webkit-user-select:none;user-select:none}.vt-ticks{position:absolute;inset:0;pointer-events:none}.vt-tick{position:absolute;bottom:0;width:1px;height:5px;background:var(--line)}.vt-tick.major{height:11px;background:var(--muted)}.vt-tick.major span{position:absolute;left:4px;bottom:9px;font-size:10px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.vt-out{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--text) 7%,transparent);pointer-events:none}.vt-work{position:absolute;top:2px;height:5px;background:color-mix(in srgb,var(--accent) 55%,transparent);border-radius:2px}.vt-work-handle{position:absolute;top:-2px;width:8px;height:9px;background:var(--accent);border-radius:2px;cursor:ew-resize}.vt-work-handle.start{left:-4px}.vt-work-handle.end{right:-4px}.vt-knob{position:absolute;bottom:0;width:11px;height:11px;margin-left:-5.5px;background:#e5484d;clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);pointer-events:none}.vt-playhead{position:absolute;top:0;bottom:0;width:1px;margin-left:-.5px;background:#e5484d;z-index:3;pointer-events:none}.vt-end{position:absolute;top:26px;bottom:0;width:1px;background:var(--line);pointer-events:none}.vt-row{display:flex;height:28px;border-bottom:1px solid var(--line-soft)}.vt-row.selected .vt-head{background:var(--row-selected)}.vt-head{position:sticky;left:0;z-index:2;flex:none;width:var(--head);display:flex;align-items:center;gap:3px;padding:0 6px 0 calc(4px + var(--depth, 0) * 12px);background:var(--surface);border-right:1px solid var(--line);font-size:11px;min-width:0;cursor:default}.vt-head .icon-button{width:20px;height:20px;min-height:0;padding:0;flex:none}.vt-icon{display:flex;color:var(--muted);flex:none}.vt-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.vt-lane{position:relative;flex:1;min-width:0}.vt-clip{position:absolute;top:3px;bottom:3px;display:flex;align-items:center;overflow:hidden;border-radius:4px;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);background:var(--vt-clip);color:var(--text);font-size:11px;cursor:grab;-webkit-user-select:none;user-select:none}.vt-clip.video{background:var(--vt-clip-video)}.vt-clip.group{background:var(--vt-clip-group)}.vt-clip.adjustment{background:var(--vt-clip-adjustment)}.vt-clip.hidden-layer{opacity:.5}.vt-clip.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.vt-clip:active{cursor:grabbing}.vt-clip-label{display:flex;align-items:center;gap:4px;padding:0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.vt-trim{position:absolute;top:0;bottom:0;width:7px;z-index:2;cursor:ew-resize}.vt-trim.start{left:0}.vt-trim.end{right:0}.vt-clip.selected .vt-trim,.vt-clip:hover .vt-trim{background:color-mix(in srgb,var(--accent) 45%,transparent)}.vt-fade{position:absolute;top:0;bottom:0;z-index:1;cursor:pointer;--fade-color: #000}.vt-fade.in{left:0;background:linear-gradient(to bottom right,color-mix(in srgb,var(--fade-color) 55%,transparent) 50%,transparent 50%)}.vt-fade.out{right:0;background:linear-gradient(to bottom left,color-mix(in srgb,var(--fade-color) 55%,transparent) 50%,transparent 50%)}.vt-fade.fade{--fade-color: var(--text)}.vt-fade.cross-fade{--fade-color: var(--accent)}.vt-mark{position:absolute;bottom:1px;width:5px;height:5px;margin-left:-2.5px;transform:rotate(45deg);background:color-mix(in srgb,var(--text) 60%,transparent);pointer-events:none}.vt-prop-row{height:22px;background:color-mix(in srgb,var(--surface2) 55%,var(--surface))}.vt-prop-head{padding-left:26px;gap:4px;background:color-mix(in srgb,var(--surface2) 55%,var(--surface))}.vt-prop-name{flex:1;color:var(--muted)}.vt-key-nav{display:flex;gap:1px}.vt-key-nav .icon-button{width:16px;height:16px}.vt-stopwatch[aria-pressed=true],.vt-key-toggle.on{color:var(--accent)}.vt-key{position:absolute;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;transform:rotate(45deg);background:var(--surface);border:1.5px solid var(--text);cursor:pointer;z-index:1}.vt-key.hold{transform:none;border-radius:1px}.vt-key.selected{background:var(--accent);border-color:var(--accent)}.vt-empty{margin:12px;color:var(--muted);font-size:12px}.vt-time{font-size:11px;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap;padding:0 6px}.vt-fps{height:24px;font-size:11px;padding:0 4px}.vt-zoom{width:110px}.vt-controls{flex:none}.video-badge{position:absolute;right:0;bottom:0;width:13px;height:13px;display:grid;place-items:center;background:var(--chrome);color:var(--text);border-top-left-radius:3px;box-shadow:0 0 0 1px #0006}.video-badge .icon{width:10px;height:10px}@media(max-width:760px){.vt-zoom{width:64px}}@media(max-width:760px){.timeline-status{display:none}}.color-body{padding:8px 10px;display:grid;gap:6px}.color-picker-row{display:flex;gap:8px;height:110px}.color-chip-pair{position:relative;height:26px}.color-chip-pair .chip{position:absolute;width:22px;height:22px;border:1px solid #000;padding:0;min-height:0;box-shadow:0 0 0 1px #fff6;border-radius:1px}.fg-big{left:0;top:0;z-index:2}.bg-big{left:11px;top:6px}.rgb-readout{margin-left:auto;font-variant-numeric:tabular-nums}#color-value{width:74px;font-family:ui-monospace,monospace}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17px,1fr));gap:3px;padding:8px}.swatch-grid button{aspect-ratio:1;min-height:0;padding:0;background:var(--swatch);border:1px solid #0006;border-radius:2px}.swatch-grid button:hover{outline:1px solid var(--text)}.swatch-grid [data-add-swatch]{background:transparent;border:1px dashed var(--input-line)}.layers-panel{display:flex;flex-direction:column;height:100%}.layer-options{display:flex;gap:6px;padding:6px 8px 3px;align-items:center}.layer-options select{flex:1;min-width:0}.lock-row{display:flex;gap:2px;padding:2px 8px 6px;align-items:center;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.lock-label-text{margin-right:4px}.lock-row .icon-button{min-height:22px;width:24px}.fill-control{margin-left:auto}.opacity-control{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted)}.opacity-control input{width:46px}#layers{flex:1;overflow-y:auto;min-height:40px}.layer-row{display:flex;align-items:center;height:40px;border-bottom:1px solid var(--line);padding-left:calc(var(--depth) * 16px);gap:2px}.layer-row:hover{background:var(--hover)}.layer-row.selected{background:var(--row-selected)}.layer-row.hidden-layer .layer-thumbnail,.layer-row.hidden-layer .layer-name{opacity:.5}.layer-row .eye{width:26px;height:100%;padding:0;border-radius:0;border-right:1px solid var(--line)}.layer-row.clipped{padding-left:calc(var(--depth) * 16px + 14px)}.clip-arrow{width:14px;color:var(--muted);text-align:center}.disclosure-spacer{width:14px}.group-disclosure{width:14px;padding:0;min-height:0}.layer-select{padding:0;min-height:0}.layer-thumbnail{width:34px;height:30px;display:grid;place-items:center;background:repeating-conic-gradient(#ccc 0 25%,#fff 0 50%) 0 0 / 8px 8px;border:1px solid #0005;overflow:hidden}.layer-thumbnail.group,.layer-thumbnail.text,.layer-thumbnail.adjustment,.layer-thumbnail.vector,.layer-thumbnail.paint{background:var(--surface2)}.layer-thumbnail img{max-width:100%;max-height:100%;display:block}.layer-thumbnail.target,.mask-thumbnail.target{outline:2px solid var(--text);outline-offset:1px}.swatch-thumb{width:100%;height:100%}.mask-thumbnail{width:34px;height:30px;padding:0;min-height:0;border:1px solid #0005;background:#000;overflow:hidden;margin-left:4px}.mask-thumbnail img{width:100%;height:100%;object-fit:contain;display:block;background:#888}.mask-thumbnail.disabled-mask{position:relative}.mask-thumbnail.disabled-mask:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 46%,#e33 46% 54%,transparent 54%),linear-gradient(-45deg,transparent 46%,#e33 46% 54%,transparent 54%)}.layer-name{flex:1;min-width:0;justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:0;padding:0 6px;height:100%;border-radius:0}.layer-name:hover{background:transparent!important}.name-text{overflow:hidden;text-overflow:ellipsis;max-width:100%}.layer-name small{color:var(--muted);font-size:10px}.layer-rename{width:100%}.fx-badge{font-style:italic;font-weight:600;font-size:11px;color:var(--muted);padding:0 4px}.lock-badge{color:var(--muted);padding:0 6px}.link-badge{color:var(--muted);padding:0 2px 0 6px;display:inline-flex}.link-badge.active{color:var(--accent)}.mask-link{width:14px;height:30px;padding:0;min-height:0;border:0;background:none;color:var(--muted);display:grid;place-items:center}.mask-link+.mask-thumbnail{margin-left:0}.mask-link.unlinked svg{opacity:0}.mask-link.unlinked:hover svg,.mask-link.unlinked:focus-visible svg{opacity:.45}.mask-link:hover{color:var(--text);background:none!important}.layer-row.background-layer .name-text{font-style:italic}.layer-banner{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 8px;font-size:11px;color:var(--accent-text);background:var(--accent-fill);position:sticky;top:0;z-index:1}.layer-banner span{flex:1}.layer-banner button{min-height:20px;height:20px;padding:0 8px;font-size:11px;color:inherit;background:#fff3;border:0}.layer-banner button:hover{background:#fff5}.layer-row[data-drop=above]{box-shadow:inset 0 2px 0 var(--accent)}.layer-row[data-drop=below]{box-shadow:inset 0 -2px 0 var(--accent)}.layer-row[data-drop=inside]{outline:2px solid var(--accent);outline-offset:-2px}.layer-root-drop{padding:5px;text-align:center;color:transparent;font-size:11px;border-top:1px dashed transparent}.layers-dragging .layer-root-drop{color:var(--muted);border-top-color:var(--line-soft)}.layer-root-drop[data-drop]{color:var(--accent)}.layer-footer{display:flex;justify-content:flex-end;gap:2px;padding:3px 6px;border-top:1px solid var(--line);background:var(--panel-tab);flex:none}.layer-footer button{width:28px;padding:0}.empty-layers{display:grid;justify-items:center;gap:8px;padding:24px 12px;color:var(--muted)}.history-entries{display:grid;max-height:320px;overflow:auto}.history-row{justify-content:flex-start;border-radius:0;height:26px;border-bottom:1px solid var(--line);gap:8px}.history-row.current{background:var(--row-selected)}.history-row.undone{opacity:.5}.history-controls{display:flex;justify-content:flex-end;gap:4px;padding:4px 6px;border-top:1px solid var(--line)}.navigator-view{position:relative;margin:8px auto;width:220px;height:160px;background:var(--canvas);touch-action:none}.navigator-view canvas{display:block}.navigator-box{position:absolute;border:1.5px solid #e33;pointer-events:none}.navigator-zoom{display:flex;align-items:center;gap:4px;padding:0 8px 8px}.navigator-zoom input{flex:1}#panel-histogram,.panel-body[data-panel=histogram]{padding:8px;display:grid;gap:6px}svg.histogram{width:100%;height:100px;background:var(--input);border:1px solid var(--line-soft);color:var(--text)}.statusbar{display:flex;align-items:center;gap:12px;padding:0 8px;background:var(--chrome);border-top:1px solid var(--line);color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden}.status-zoom{display:flex;align-items:center}.status-zoom button{min-height:18px;padding:0 4px}#zoom-label.zoom-field{width:56px;min-height:18px;height:18px;padding:0 4px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text);background:transparent;border-color:transparent}#zoom-label.zoom-field:hover{border-color:var(--input-line)}#zoom-label.zoom-field:focus{background:var(--input);border-color:var(--accent);outline:none}.statusbar>#tab-size,.statusbar>.canvas-color-mode,.statusbar>.status-info{padding-left:12px;border-left:1px solid var(--line-soft);line-height:14px}.status-info{min-height:18px;padding:0 4px 0 12px;gap:3px;color:var(--muted);font-size:11px;border-radius:0;max-width:320px}.status-info>span{overflow:hidden;text-overflow:ellipsis}.status-info .icon{flex:none}.status-info:hover:not(:disabled),.status-info[aria-expanded=true]{color:var(--text);background:var(--hover)}.no-document .statusbar>#tab-size,.no-document .statusbar>.canvas-color-mode,.no-document .statusbar>.status-info,.no-document .statusbar>.status-zoom{display:none}#pointer-info{font-variant-numeric:tabular-nums;min-width:110px}#status{overflow:hidden;text-overflow:ellipsis;flex:1}.status-end{display:flex;gap:10px}#app[aria-busy=true] #status{color:var(--text)}#app[aria-busy=true] #status:before{content:"";display:inline-block;width:6px;height:6px;margin:0 6px 1px 0;border-radius:50%;background:var(--accent);animation:status-pulse 1s ease-in-out infinite alternate}@keyframes status-pulse{0%{opacity:.35}to{opacity:1}}@media(prefers-reduced-motion:reduce){#app[aria-busy=true] #status:before{animation:none}}#toast{position:fixed;left:50%;top:112px;transform:translate(-50%);background:var(--menu);border:1px solid var(--line);border-radius:4px;padding:8px 14px;box-shadow:0 6px 18px #0008;z-index:80;max-width:min(560px,90vw)}.checkbox-field{flex-direction:row!important;align-items:center;justify-content:flex-start;gap:8px!important}.checkbox-field input[type=checkbox]{order:-1;width:auto;flex:none;margin:0;padding:0}.checkbox-field+.checkbox-field{margin-top:-6px}@media(max-width:760px){.editor-layout{grid-template-columns:40px minmax(0,1fr)}.dock{position:fixed;right:0;top:66px;bottom:22px;z-index:25}.dock-column{width:min(300px,80vw)}.menubar-button{padding:0 5px}.save-button span{display:none}}@media(prefers-reduced-motion:reduce){.marching .ants-black{animation:none}}fieldset{border:0;padding:0;margin:0;min-width:0}h1,h2,h3,p{margin:0}h2,h3{font-size:12px;font-weight:600}a{color:var(--muted);text-decoration:none}a:hover{color:var(--text)}[hidden]{display:none!important}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.canvas-area{flex:1;min-height:0;display:grid;grid-template-columns:19px minmax(0,1fr);grid-template-rows:19px minmax(0,1fr)}.ruler-origin{grid-area:1/1;background:var(--surface);border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:8px;color:var(--muted);display:grid;place-items:center}.ruler{position:relative;background:var(--surface);overflow:hidden;-webkit-user-select:none;user-select:none;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.ruler-x{grid-area:1/2;border-bottom:1px solid var(--line)}.ruler-y{grid-area:2/1;border-right:1px solid var(--line)}.ruler span{position:absolute}.ruler-x span{bottom:0;height:5px;border-left:1px solid color-mix(in srgb,var(--muted) 70%,transparent)}.ruler-x span.major{height:9px}.ruler-x b{position:absolute;font-weight:400;bottom:6px;left:3px}.ruler-y span{right:0;width:5px;border-top:1px solid color-mix(in srgb,var(--muted) 70%,transparent)}.ruler-y span.major{width:9px}.ruler-y b{position:absolute;font-weight:400;right:5px;top:3px;writing-mode:vertical-rl}.rulers-hidden .canvas-area{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.rulers-hidden .ruler,.rulers-hidden .ruler-origin{display:none}#viewport{position:relative;grid-area:2/2;min-height:0;overflow:hidden;touch-action:none;outline-offset:-3px}.rulers-hidden #viewport{grid-area:1/1}#viewport[data-tool=hand]{cursor:grab}#viewport[data-tool=brush],#viewport[data-tool=select],#viewport[data-tool=crop],#viewport[data-tool=wand],#viewport[data-tool=fill]{cursor:crosshair}#viewport[data-tool=text]{cursor:text}.dragover{outline:2px dashed var(--accent)!important;outline-offset:-12px!important}#stage{position:absolute;top:50%;left:50%;transform-origin:center;isolation:isolate;background:conic-gradient(var(--checker-a) 25%,var(--checker-b) 0 50%,var(--checker-a) 0 75%,var(--checker-b) 0) 0 0 / 20px 20px;box-shadow:0 2px 14px #0007,0 0 0 1px #0005}#canvas,#overlay{position:absolute;inset:0;width:100%;height:100%;display:block}#overlay{pointer-events:none;overflow:visible}#empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--canvas);cursor:default;text-align:center;padding:20px}.empty-logo{margin-bottom:20px}.empty-eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);margin-bottom:12px}#empty h1{font-size:26px;font-weight:500;letter-spacing:-.6px}#empty p{color:var(--muted);margin:14px 0 23px;font-size:12px;line-height:1.8}.empty-actions{display:flex;gap:9px}.empty-actions button{padding:8px 18px;min-height:33px}.drop-hint{color:var(--muted);font-size:11px;margin-top:18px}#empty small{margin-top:45px;color:var(--muted);font-size:9px;letter-spacing:.4px}#color-plane{position:relative;flex:1;overflow:hidden;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),hsl(var(--hue, 0) 100% 50%);touch-action:none;cursor:crosshair;border:1px solid #181818}#color-marker{position:absolute;width:8px;height:8px;border:1px solid #fff;box-shadow:0 0 0 1px #222;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}#color-hue{appearance:none;writing-mode:vertical-lr;direction:ltr;width:13px;height:90px;border-radius:0;background:linear-gradient(to bottom,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}#color-hue::-webkit-slider-thumb{appearance:none;width:19px;height:5px;background:transparent;border:1px solid #fff;box-shadow:0 0 0 1px #222;border-radius:0}#color-hue::-moz-range-thumb{width:17px;height:4px;background:transparent;border:1px solid #fff;border-radius:0}.color-value-row{display:flex;align-items:center;gap:7px;margin:9px 0;color:var(--muted);font-size:10px}#color-preview{width:18px;height:18px;border:1px solid var(--input-line);background:#000}.color-space-label{margin-left:auto}.property-body,.document-properties{padding:12px}.eyebrow{font-size:9px;font-weight:500;letter-spacing:.6px;color:var(--muted)}.document-properties h3{font-size:13px;margin-top:8px;overflow-wrap:anywhere}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:17px 0;font-size:11px}.property-grid span{color:var(--muted)}.property-grid strong{font-weight:400;text-align:right}.wide{border:1px solid var(--input-line);border-radius:3px;width:100%;margin:3px 0 7px;font-size:11px;min-height:25px}.wide svg{width:13px;height:13px}.muted{color:var(--muted);font-size:11px;line-height:1.6;margin-top:9px}.layer-name-input{width:100%;margin:6px 0;font-size:12px;padding:4px 6px}.lock-label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;margin:4px 0 11px}.lock-label input{margin:0;width:11px;height:11px}.partial-locks{display:flex;flex-wrap:wrap;column-gap:12px;margin-bottom:8px}.partial-locks .lock-label{margin:2px 0}.property-body h3{display:flex;justify-content:space-between;align-items:center;margin:11px 0 9px;font-size:11px}.property-body h3 button{min-height:16px;padding:0;color:var(--muted)}.property-body h3 svg{width:12px;height:12px}.transform-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-bottom:13px}.number-field{display:flex;align-items:center;font-size:11px}.number-field span{color:var(--muted);min-width:31px}.number-field input,.number-field select{width:100%;min-width:0;text-align:right;padding:3px 4px}.slider-field{display:block;margin:9px 0}.slider-field>span{display:flex;justify-content:space-between;font-size:10px;margin-bottom:3px;color:var(--muted)}.slider-field output{color:var(--text);font-variant-numeric:tabular-nums}.color-row{display:flex;align-items:center;justify-content:space-between;margin:7px 0;font-size:11px}.mask-info{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted);margin-top:8px}.mask-info button{margin-left:auto}.empty-layers{height:100%;min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:9px}.empty-layers>svg{width:23px;height:23px;opacity:.6}.empty-layers p,.empty-layers button{font-size:11px}.empty-layers button{border:1px solid var(--input-line);padding:3px 12px}dialog{max-width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);width:440px;padding:24px;background:var(--surface);color:var(--text);border:1px solid color-mix(in srgb,var(--text) 26%,var(--surface));border-radius:4px;box-shadow:0 15px 70px #0008}dialog::backdrop{background:#0007}dialog h2{font-size:18px;margin-bottom:16px}dialog p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:16px}.dialog-field{display:flex;flex-direction:column;gap:7px;margin:14px 0;font-size:12px}.dialog-field input,.dialog-field textarea{width:100%;padding:8px}.dialog-field textarea{height:100px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.dialog-actions button{min-width:74px;padding:6px 12px}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px}.dialog-footer>button{min-width:74px;padding:4px 12px}.dialog-footer>label{display:inline-flex;align-items:center;gap:6px;font-size:12px}.dialog-footer>label:first-of-type{margin-right:auto}.dialog-actions button:not(.primary),.dialog-footer>button:not(.primary),.prefs-foot button:not(.primary),.newdoc-foot button:not(.primary),.ds-footer button:not(.primary),.export-actions button:not(.primary){border-color:var(--input-line)}.shortcut-list{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:12px;margin-bottom:20px}.shortcut-list kbd{color:var(--muted);font:11px monospace}dialog:has(>.shortcut-help){width:min(560px,calc(100vw - 32px));max-width:none}dialog:has(>.shortcut-editor){width:min(720px,calc(100vw - 32px));max-width:none}.shortcut-filter{width:100%}.shortcut-sections{max-height:58vh;overflow:auto;margin:8px 0 12px;padding-right:6px}.shortcut-section{margin-bottom:14px}.shortcut-section h3{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 4px}.shortcut-row{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:12px;padding:2px 0}.shortcut-row kbd{color:var(--muted);font:11px monospace;white-space:nowrap}.histogram{width:100%;height:160px;background:var(--input);color:var(--accent);padding:10px}.snap-guide{stroke:#e379eb}.transform-handle{pointer-events:all;fill:#fff;stroke:#356faa}.transform-handle .handle-hit{fill:transparent;stroke:none}.handle-nw,.handle-se{cursor:nwse-resize}.handle-ne,.handle-sw{cursor:nesw-resize}.handle-n,.handle-s{cursor:ns-resize}.handle-e,.handle-w{cursor:ew-resize}.handle-rotate{cursor:grab}.optionsbar .transform-setting{gap:5px;font-size:11px}.optionsbar .transform-setting input{width:12px;height:12px;margin:0}.transform-label{font-size:11px;color:var(--muted)}.transform-apply{border-color:#5983a9;background:#37536d;color:#fff}.property-body>.wide{margin-bottom:8px}.mask-info{flex-wrap:wrap}.guide{stroke:#00c8ff;pointer-events:none}.guide.selected{stroke:#0a84ff}.layer-edge{fill:none;stroke:#2f9bff;pointer-events:none}.smart-guide{stroke:#ff4fb3;pointer-events:none}.smart-spacing{fill:none;stroke:#ff4fb3;pointer-events:none}.smart-label-bg{fill:#ff4fb3;pointer-events:none}.smart-label{fill:#fff;font-family:var(--font, system-ui, sans-serif);font-weight:600;text-anchor:middle;dominant-baseline:central;pointer-events:none}.guide-hit{stroke:transparent;pointer-events:stroke}.guide-hit.vertical{cursor:ew-resize}.guide-hit.horizontal{cursor:ns-resize}.dragging-vguide,.dragging-vguide *{cursor:ew-resize!important}.dragging-hguide,.dragging-hguide *{cursor:ns-resize!important}.grid-major{stroke:gray;opacity:.7;fill:none}.grid-minor{stroke:gray;opacity:.3;fill:none}.pixel-grid{stroke:#8888;fill:none}.ruler{cursor:default}.channel-row{display:flex;align-items:center;gap:6px;height:36px;border-bottom:1px solid var(--line);padding-right:8px}.channel-row.selected{background:var(--row-selected)}.channel-row .eye{width:26px;display:grid;place-items:center;border-right:1px solid var(--line);height:100%}.channel-thumb{width:34px;height:28px;padding:0;min-height:0;border:1px solid #0005;background:linear-gradient(135deg,#444,#ccc)}.channel-thumb.red{background:linear-gradient(135deg,#400,#f66)}.channel-thumb.green{background:linear-gradient(135deg,#040,#6f6)}.channel-thumb.blue{background:linear-gradient(135deg,#004,#66f)}.channel-thumb img{width:100%;height:100%;object-fit:contain}.channel-name{flex:1}.channel-row button.eye{background:none;border:0;border-right:1px solid var(--line);border-radius:0;min-height:0;padding:0;color:inherit}.channel-ink{width:10px;height:10px;flex:none;border-radius:50%;border:1px solid var(--line-soft)}.hdr-preview-dialog{width:320px}.hdr-preview-dialog::backdrop{background:transparent}.hdr-fields{display:grid;gap:12px;margin-bottom:16px}.channel-list{overflow:auto}.actions-list{display:grid;max-height:360px;overflow:auto}.action-row{display:flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-bottom:1px solid var(--line);font-size:11px}.action-row.selected{background:var(--row-selected)}.action-row.action{padding-left:22px}.action-row.step{padding-left:8px;color:var(--muted)}.action-row small{margin-left:auto;color:var(--muted)}.action-row.recording{color:#ff6b6b}.step-check,.step-dialog{width:18px;min-height:18px;padding:0;border:1px solid var(--line-soft);font-size:10px}.layer-footer .recording{color:#ff4d4d}.history-snapshots{border-bottom:2px solid var(--line)}.history-snapshot{display:flex;align-items:stretch}.history-snapshot .history-row{flex:1}.history-source{width:24px;padding:0;border-radius:0;opacity:.35}.history-source[aria-pressed=true]{opacity:1;color:var(--accent)}.clone-source circle,.clone-source path{fill:none;stroke:#fff;filter:drop-shadow(0 0 1px #000)}.brush-presets{display:grid;gap:2px;padding:6px;max-height:320px;overflow:auto}.brush-presets button{justify-content:flex-start;gap:8px;height:34px}.brush-presets img{width:96px;height:24px;background:var(--input);border-radius:2px}.panel-row{display:grid;grid-template-columns:40px 1fr 54px;gap:6px;align-items:center;padding:8px 8px 0;font-size:11px}.brush-settings{padding:8px 10px;display:grid;gap:4px;max-height:60vh;overflow:auto}.brush-settings h4{margin:8px 0 2px;font-size:11px;display:flex;justify-content:space-between}.bs-row{display:grid;grid-template-columns:100px 1fr 48px;gap:6px;align-items:center;font-size:11px}.bs-row output{text-align:right;font-variant-numeric:tabular-nums}.bs-check{font-size:11px;display:flex;gap:6px;align-items:center}.link-button{color:var(--accent);min-height:0;padding:0;font-size:11px}.command-search{top:60px;left:50%;transform:translate(-50%);width:min(560px,90vw)}.command-search input{width:100%;min-height:30px;font-size:13px}.search-results{max-height:50vh;overflow:auto;display:grid}.search-item{display:grid;grid-template-columns:18px 1fr auto 70px;gap:8px;align-items:center;padding:5px 6px;border-radius:3px}.search-item.active{background:var(--accent-fill);color:var(--accent-text)}.search-item small{color:inherit;opacity:.7}.search-item kbd{text-align:right;color:inherit}.shortcut-table{max-height:55vh;overflow:auto;display:grid;gap:2px;margin:8px 0}.shortcut-entry{display:grid;grid-template-columns:1fr 150px;gap:8px;align-items:center;font-size:11px}.shortcut-entry input.conflict{border-color:#e44;color:#f66}.layer-filter{display:flex;gap:4px;padding:6px 8px 0;align-items:center}.layer-filter select{flex:1;min-width:0}.layer-filter input{width:80px}.export-dialog{width:min(980px,calc(100vw - 32px));max-width:min(980px,calc(100vw - 32px));padding:20px}.export-dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - 72px)}.export-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;min-height:0;flex:1}.export-preview{display:flex;flex-direction:column;min-width:0;min-height:300px}.export-stage{position:relative;flex:1;min-height:300px;overflow:auto;cursor:zoom-in;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-soft);border-radius:3px;background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0 / 16px 16px}.export-stage img,.export-stage canvas{max-width:100%;max-height:62dvh;object-fit:contain;image-rendering:auto}.export-stage.actual{cursor:zoom-out;align-items:flex-start;justify-content:flex-start}.export-stage.actual img,.export-stage.actual canvas{max-width:none;max-height:none}.export-busy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:6px 12px;border-radius:3px;background:var(--surface);color:var(--text);font-size:12px;box-shadow:0 2px 10px #0006;max-width:80%;text-align:center}.export-busy[hidden]{display:none}.export-preview-bar{display:flex;justify-content:space-between;gap:12px;padding:8px 2px 0;font-size:12px;color:var(--muted)}.export-size{color:var(--text);font-variant-numeric:tabular-nums}.export-settings{overflow-y:auto;padding-right:4px;min-height:0;max-height:calc(100dvh - 170px)}.export-section{border-top:1px solid var(--line-soft);padding:10px 0 6px}.export-section:first-child{border-top:0;padding-top:0}.export-section h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:8px}.export-row{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:8px;margin:6px 0;font-size:12px}.export-row[hidden],.export-check[hidden],.export-settings [data-show][hidden]{display:none}.export-row select,.export-row input[type=number],.export-row input[type=text]{width:100%;min-width:0;padding:4px 6px}.export-row input[type=color]{width:44px;height:24px;padding:0}.export-range{display:flex;align-items:center;gap:8px}.export-range input{flex:1;min-width:0}.export-range output{width:26px;text-align:right;font-variant-numeric:tabular-nums}.export-check{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:12px}.export-size-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;align-items:end}.export-size-grid .export-row{grid-template-columns:1fr;gap:3px}.export-reset-canvas{padding:4px 10px;margin:6px 0;justify-self:start}.export-note{font-size:11px;margin:4px 0 0;line-height:1.5}.export-actions{margin-top:14px}@media(max-width:760px){.export-body{grid-template-columns:1fr;overflow-y:auto}.export-preview,.export-stage{min-height:220px}.export-settings{max-height:none;overflow:visible}}.files-dialog textarea{width:100%;padding:8px;resize:vertical}.files-dialog .dialog-field select,.files-dialog .dialog-field input[type=text],.files-dialog .dialog-field input[type=number]{width:100%;padding:6px 8px}.files-info-dialog{width:520px;max-width:calc(100vw - 32px)}.files-info-dialog .dialog-field{margin:10px 0}.files-facts{margin-top:16px;padding-top:12px;border-top:1px solid var(--line-soft);font-size:12px}.files-processor{width:560px;max-width:calc(100vw - 32px)}.processor-step{border-top:1px solid var(--line-soft);padding:10px 0 4px}.processor-step h3{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.processor-step h3 span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent-fill);color:var(--accent-text);font-size:11px}.processor-step .dialog-field{margin:8px 0}.processor-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.processor-buttons button{padding:4px 10px}.processor-list{list-style:none;max-height:120px;overflow-y:auto;margin:0;padding:4px;background:var(--input);border:1px solid var(--input-line);border-radius:3px;font-size:12px}.processor-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:2px 4px;overflow-wrap:anywhere}.processor-list .icon-button{min-width:20px;height:20px;padding:0}.processor-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.processor-status{min-height:1.4em;margin:8px 0 0}.document-tabs.files-drop-target{outline:2px dashed var(--accent);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 14%,transparent)}.files-dialog .checkbox-field input[type=checkbox]{width:auto;flex:none;margin:0}.processor-buttons button{border:1px solid var(--input-line);border-radius:3px}.comp-dialog{max-height:calc(100dvh - 48px);overflow-y:auto}.comp-note{margin:4px 0 8px;font-size:11px;color:var(--muted);line-height:1.45}.comp-section{margin:10px 0 2px;padding-top:8px;border-top:1px solid var(--line-soft);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.adj-body>.comp-section:first-child{margin-top:0;padding-top:0;border-top:0}.comp-group{display:flex;flex-direction:column;gap:6px}.comp-form .adj-select,.comp-toning .adj-select{display:grid;grid-template-columns:84px minmax(0,1fr)}.comp-form .adj-select label,.comp-toning .adj-select label{white-space:normal}.comp-group[hidden]{display:none}.comp-source{display:flex;flex-direction:column;gap:6px;margin:0;padding:6px 8px 8px;border:1px solid var(--line-soft);border-radius:4px;min-width:0}.comp-source legend{padding:0 4px;font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.comp-source[hidden]{display:none}.comp-target{display:flex;align-items:baseline;gap:8px;font-size:11px}.comp-target span{color:var(--muted);font-size:10px}.comp-target strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comp-curve{display:flex;flex-direction:column;gap:6px}.comp-curve-graph{width:100%;max-width:180px;aspect-ratio:1;align-self:center;background:var(--input);border:1px solid var(--input-line);border-radius:3px;touch-action:none;cursor:crosshair}.comp-curve-grid{stroke:var(--line-soft);stroke-width:1;fill:none}.comp-curve-diagonal{stroke:var(--line-soft);stroke-dasharray:4 4;fill:none}.comp-curve-line{stroke:var(--text);stroke-width:2;fill:none}.comp-curve-point{fill:var(--surface);stroke:var(--text);stroke-width:2;cursor:grab}.comp-curve-point:hover{fill:var(--accent)}.comp-sky-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.comp-sky-grid button{display:flex;flex-direction:column;gap:3px;padding:3px;min-height:0;border:1px solid var(--line-soft);border-radius:4px;background:var(--input);font-size:10px;text-align:center}.comp-sky-grid button img{display:block;width:100%;aspect-ratio:16 / 9;border-radius:2px;object-fit:cover}.comp-sky-grid button[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.comp-sky-add{display:grid;place-items:center;aspect-ratio:16 / 9;border:1px dashed var(--input-line);border-radius:2px;color:var(--muted)}.comp-ev-list{display:flex;flex-direction:column;gap:4px;margin:6px 0}.comp-ev{display:grid;grid-template-columns:minmax(0,1fr) 80px;align-items:center;gap:10px;font-size:12px}.comp-ev span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comp-ev input{width:100%;padding:4px 6px;text-align:right}.comp-toning{display:flex;flex-direction:column;gap:6px;margin:6px 0;font-size:11px}.comp-toning[hidden]{display:none}:root{--fx-checker: repeating-conic-gradient(#c8c8c8 0 25%, #fff 0 50%) 0 0 / 10px 10px}.fx-badge{display:inline-flex;align-items:center;gap:1px;min-height:0;height:20px;background:none;border:0;cursor:pointer}.fx-badge:hover{color:var(--text)}.fx-badge.fx-off{opacity:.5;text-decoration:line-through}.fx-list{border-bottom:1px solid var(--line)}.fx-item{display:flex;align-items:center;height:22px;font-size:11px;color:var(--muted);padding-left:calc(var(--depth) * 16px + 44px);gap:4px;cursor:default;-webkit-user-select:none;user-select:none}.fx-item .eye{width:22px;height:100%;min-height:0;padding:0;border:0;background:none;border-radius:0}.fx-item.fx-head{font-style:italic}.fx-item.fx-hidden span{opacity:.55}.fx-item:hover{background:var(--hover)}dialog.layer-style-dialog{width:min(780px,calc(100vw - 16px));max-width:none;padding:14px 16px}.layer-style-dialog h2{margin-bottom:10px}dialog.global-light-dialog{width:min(420px,calc(100vw - 16px))}.global-light-dialog p{font-size:12px;margin:0 0 8px}.global-light-dialog .dialog-actions{margin-top:12px}.ls-body{display:grid;grid-template-columns:176px minmax(0,1fr);gap:12px;min-height:440px;max-height:calc(100dvh - 140px)}.ls-list{border:1px solid var(--line);background:var(--input);overflow:auto;display:flex;flex-direction:column;font-size:12px}.ls-item{display:flex;align-items:center;gap:4px;padding:0 4px 0 6px;min-height:26px}.ls-item.sub{padding-left:26px}.ls-item.active{background:var(--row-selected)}.ls-item .ls-name{flex:1;text-align:left;justify-content:flex-start;background:none;border:0;min-height:0;padding:4px 2px;font-size:12px;color:var(--text)}.ls-check-spacer{width:13px}.ls-add{min-height:0;width:20px;height:20px;padding:0}.ls-list-footer{margin-top:auto;display:flex;justify-content:flex-end;padding:4px;border-top:1px solid var(--line)}.ls-panel{overflow:auto;padding-right:4px}.ls-title{font-size:14px;margin:2px 0 6px}.ls-side{margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft)}.ls-side>button[data-new-style]{min-width:0}.ls-thumb{width:36px;height:36px;border:1px solid var(--line);border-radius:3px;image-rendering:auto}.fx-heading{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:12px 0 4px;font-weight:600}.fx-row{display:grid;grid-template-columns:116px minmax(80px,1fr) 58px 22px;align-items:center;gap:6px;font-size:12px;min-height:28px}.fx-row>select,.fx-row>.gradient-swatch{grid-column:2 / span 3}.fx-row>.pattern-swatch+span{grid-column:3 / span 2;font-size:11px}.fx-row input[type=number]{width:58px}.fx-row input[type=range]{width:100%}.fx-row .fx-unit{color:var(--muted);font-size:11px}.fx-row.fx-check,.fx-check{display:flex;align-items:center;gap:6px;font-size:12px}.fx-row.fx-check{padding-left:122px}.fx-row .fx-swatch{width:44px;height:24px;padding:0;border:1px solid var(--input-line);background:none}.fx-row .fx-dial{cursor:grab;color:var(--text);justify-self:start}.fx-row .fx-dial:focus-visible{outline:2px solid var(--accent);border-radius:50%}.fx-row .fx-inline{grid-column:2 / span 3;display:flex;align-items:center;gap:6px;font-size:12px}.fx-row .fx-contour{grid-column:2 / span 3;display:flex;align-items:center;gap:8px}.fx-row .fx-contour .fx-inline{display:flex;align-items:center;gap:4px;white-space:nowrap}.contour-preview{color:var(--text);flex:none}dialog.floating-dialog{margin:0;position:fixed}dialog.floating-dialog::backdrop{background:transparent}dialog.floating-dialog h2{cursor:move;-webkit-user-select:none;user-select:none}.fx-row.fx-buttons{display:flex;gap:6px;padding-left:122px}.fx-checks{grid-column:2 / span 3;display:flex;gap:14px}.fx-range-row{align-items:start;padding-top:4px}.fx-range-row>.fx-label{padding-top:1px}.fx-range{grid-column:2 / span 3;padding:0 8px;-webkit-user-select:none;user-select:none;touch-action:none}.fx-range-track{height:12px;border:1px solid var(--input-line);border-radius:2px}.fx-range-handles{position:relative;height:11px}.fx-range-handle{position:absolute;top:1px;width:7px;height:10px;cursor:ew-resize;filter:drop-shadow(0 0 .7px var(--text))}.fx-range-handle.low{margin-left:-7px}.fx-range-handle:before{content:"";position:absolute;inset:0;background:#151515}.fx-range-handle[data-h="2"]:before,.fx-range-handle[data-h="3"]:before{background:#fafafa}.fx-range-handle.low:before{clip-path:polygon(100% 0,100% 100%,0 100%)}.fx-range-handle.high:before{clip-path:polygon(0 0,100% 100%,0 100%)}.fx-range-handle:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.fx-range-readout{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:1px}.gradient-swatch{min-height:0;height:22px;width:100%;padding:0;border:1px solid var(--input-line);border-radius:2px;cursor:pointer}.gradient-swatch.tool-gradient{width:110px}.pattern-swatch{min-height:0;width:34px;height:34px;padding:1px;border:1px solid var(--input-line);background:var(--input);justify-self:start}.pattern-swatch img{width:100%;height:100%;display:block}#tool-options .pattern-swatch{width:26px;height:26px}.fx-popover{width:300px;max-height:min(420px,70vh);overflow:auto}.picker-folder>span{font-size:11px;color:var(--muted)}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px;padding:4px 0}.picker-grid button{aspect-ratio:1;min-height:0;padding:0;border:1px solid #0006;border-radius:2px;overflow:hidden}.picker-grid button img{width:100%;height:100%;display:block}.picker-grid button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.picker-grid button:hover{outline:1px solid var(--text)}.gradient-types{display:inline-flex;gap:2px}.gradient-types .icon-button{color:var(--text)}dialog.gradient-editor{width:min(560px,calc(100vw - 24px));max-width:none}.ge-presets{max-height:150px;overflow:auto;border:1px solid var(--line);background:var(--input);padding:4px 8px;margin-bottom:10px}.ge-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0;font-size:12px}.ge-row label{display:flex;align-items:center;gap:6px}.ge-row input[type=number]{width:56px}.ge-bar-wrap{position:relative;margin:14px 8px}.ge-bar{height:28px;border:1px solid var(--input-line);margin:0}.ge-track{position:relative;height:16px;cursor:copy}.ge-stop{position:absolute;top:1px;width:12px;height:14px;margin-left:-6px;min-height:0;padding:0;border:1px solid #000;border-radius:2px;background:var(--stop);box-shadow:0 0 0 1px #fff inset;cursor:ew-resize}.ge-stop.selected{outline:2px solid var(--accent)}.ge-stop.removing{opacity:.3}.ge-mid{position:absolute;top:4px;width:8px;height:8px;margin-left:-4px;transform:rotate(45deg);background:var(--surface);border:1px solid var(--text);cursor:ew-resize}.ge-stops{border:1px solid var(--line);padding:8px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px}.ge-stops label{display:flex;align-items:center;gap:6px}.ge-stops input[type=number]{width:56px}.ge-noise{display:grid;gap:8px;font-size:12px;margin-top:10px}.ge-noise label{display:flex;align-items:center;gap:6px}.ge-range{display:grid;grid-template-columns:16px 1fr 1fr;gap:6px;align-items:center}.style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;padding:8px}.style-grid button{display:flex;flex-direction:column;gap:3px;min-height:0;padding:4px;font-size:10px;background:none;border:1px solid transparent}.style-grid button:hover:not(:disabled){border-color:var(--input-line);background:var(--hover)}.style-grid button img{width:48px;height:48px;border-radius:2px}.style-grid button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--muted)}.panel-hint{padding:0 10px 10px;font-size:11px}.gradient-panel,.pattern-panel{padding:6px 8px;display:grid;gap:6px}.gradient-panel summary{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);cursor:pointer;padding:2px 0}.gradient-panel .picker-grid{grid-template-columns:repeat(auto-fill,minmax(26px,1fr))}.panel-wide-button{justify-content:center;gap:6px;font-size:11px}.pattern-panel .panel-row{display:flex;gap:6px;flex-wrap:wrap}.pattern-panel .panel-row button{font-size:11px;gap:4px}.fill-properties .fx-row{grid-template-columns:74px minmax(60px,1fr) 52px 18px}.fill-properties .fx-row.fx-check,.fill-properties .fx-row.fx-buttons{padding-left:80px}.fill-properties .fx-row input[type=number]{width:52px}@media(max-width:760px){.ls-body{grid-template-columns:1fr;max-height:none}.ls-list{max-height:160px}.fx-row{grid-template-columns:96px minmax(60px,1fr) 54px 18px}.fx-row.fx-check,.fx-row.fx-buttons{padding-left:0}}.ts-frame{stroke:#356faa;fill:none;pointer-events:none}.ts-mesh-line{stroke:#356faa;fill:none;pointer-events:none;opacity:.9}.ts-handle-line{stroke:#356faa;fill:none;pointer-events:none}.ts-mesh-handle{fill:#356faa;stroke:#fff}.ts-pivot{fill:none;stroke:#fff;pointer-events:none;mix-blend-mode:difference}.ts-selection-preview{pointer-events:none;image-rendering:pixelated}.ts-ref{display:grid;grid-template-columns:repeat(3,8px);gap:2px;padding:2px;border:1px solid var(--input-line);border-radius:3px}.ts-ref-dot{width:8px;height:8px;min-height:0;padding:0;border-radius:1px;border:1px solid var(--muted);background:transparent}.ts-ref-dot[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}#tool-options #ts-x,#tool-options #ts-y{width:64px}.ts-guides{stroke:#356faa;fill:none;pointer-events:none;opacity:.55;stroke-dasharray:4 3}.ts-split-preview{stroke:#ffd400;fill:none;pointer-events:none}.ts-split-preview.remove{stroke:#ff5050}.transform-handle.selected rect,.transform-handle.selected circle:not(.handle-hit){fill:#356faa}.pw-mesh{stroke:#356faa;fill:none;pointer-events:none;opacity:.75}.pw-pin{pointer-events:all;cursor:move}.pw-pin circle{fill:#fff;stroke:#1d1d1f}.pw-pin .pw-pin-dot{fill:#1d1d1f;stroke:none}.pw-pin.selected circle{fill:#ffd400}.pw-pin.fixed circle:not(.pw-pin-dot){stroke-dasharray:2 1}.pw-pin .handle-hit,.pw-rotate .handle-hit,.pp-point .handle-hit{fill:transparent;stroke:none}.pw-ring{fill:none;stroke:#fff;opacity:.85;pointer-events:none;mix-blend-mode:difference}.pw-rotate{pointer-events:all;cursor:grab;fill:#ffd400;stroke:#1d1d1f}.pw-caption{font-size:11px;color:var(--muted)}.pp-plane{fill:#356faa1f;stroke:#356faa;pointer-events:none}.pp-plane.selected{fill:#356faa3d}.pp-plane.invalid{stroke:#ff5050;fill:#ff505026}.pp-plane.drawing{stroke-dasharray:4 3}.pp-grid{stroke:#356faa;fill:none;opacity:.6;pointer-events:none}#tool-options #cs-w,#tool-options #cs-h{width:64px}#tool-options #cs-amount,#tool-options #pw-angle,#tool-options #pw-expansion{width:52px}#tool-options #cs-amount-range{width:90px}dialog.ts-dialog.ts-image-size{width:600px;max-width:calc(100vw - 32px)}dialog.ts-dialog.ts-canvas-size{width:460px}.ts-dialog h2{margin-bottom:12px}.is-layout{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:start}.is-preview{margin:0;display:grid;gap:6px;justify-items:center}.is-preview canvas{width:168px;height:168px;border:1px solid var(--line-soft);background:var(--input);image-rendering:pixelated}.is-preview figcaption,.ts-dialog .is-readout{font-size:11px;color:var(--muted);margin:0 0 6px;line-height:1.5}.is-readout strong{color:var(--text);font-weight:600}.is-grid{position:relative;display:grid;grid-template-columns:76px 1fr 150px;align-items:center;gap:6px 8px;margin:10px 0;font-size:12px}.is-grid input,.is-grid select{min-width:0;width:100%;height:26px}.is-link{position:absolute;left:-2px;top:16px;width:22px;height:22px;min-height:0;padding:0;display:grid;place-items:center}.is-grid{padding-left:22px}.is-link-bracket{position:absolute;left:10px;top:13px;width:8px;height:30px;border:1px solid var(--line-soft);border-right:0;display:none}.is-linked .is-link-bracket{display:block}.is-resample{display:flex;align-items:center;gap:8px;font-size:12px}.is-resample label{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.is-resample select{flex:1;min-width:0;height:26px}.is-scale-styles{display:inline-flex;gap:6px;align-items:center;margin-top:8px;font-size:12px}.is-scale-styles:has(input:disabled){color:var(--muted)}.ts-dialog .is-note,.ts-dialog .cs-note{min-height:18px;margin:10px 0 0;font-size:11px}.cs-group{border:1px solid var(--line-soft);border-radius:4px;padding:8px 12px 12px;margin:0 0 12px;font-size:12px}.cs-group legend{padding:0 4px;color:var(--muted);font-size:11px}.cs-group legend strong{color:var(--text)}.cs-current{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px 10px}.ts-canvas-size .cs-grid{display:grid;grid-template-columns:60px 1fr 130px;align-items:center;gap:6px 8px}.ts-canvas-size .cs-grid input,.ts-canvas-size .cs-grid select{min-width:0;width:100%;height:26px}.cs-relative{display:inline-flex;align-items:center;gap:6px;margin:10px 0 4px 68px}.cs-anchor-row{display:flex;align-items:center;gap:14px;margin-top:6px}.cs-anchor-row>span{width:54px;color:var(--muted)}.cs-anchor{display:grid;grid-template-columns:repeat(3,26px);grid-template-rows:repeat(3,26px);gap:2px}.cs-anchor button{width:26px;height:26px;min-height:0;padding:0;display:grid;place-items:center;border:1px solid var(--input-line);background:var(--input)}.cs-anchor button svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.cs-anchor .cs-dot{width:10px;height:10px;border-radius:2px;background:var(--accent)}.cs-color{display:flex;align-items:center;gap:8px;font-size:12px}.cs-color select{flex:1;height:26px}.cs-color input[type=color]{width:34px;height:26px;padding:1px}.crop-grid-lines{stroke:#fffb;fill:none;pointer-events:none}.crop-straighten{stroke:#00c8ff;pointer-events:none}.crop-box.invalid{stroke:#ff5050}#tool-options button.toggle[aria-pressed=true]{background:var(--selected);border-color:var(--input-line)}@media(max-width:640px){.is-layout{grid-template-columns:1fr}.is-grid{grid-template-columns:64px 1fr 110px}}.filter-dialog{width:fit-content;max-width:calc(100vw - 24px);padding:16px 18px}.filter-dialog::backdrop{background:#0003}.filter-dialog h2{font-size:15px;margin-bottom:12px}.filter-dialog h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:10px 0 6px}.fd-main{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.fd-left{display:flex;flex-direction:column;gap:6px;flex:none;max-width:100%}.fd-pane-wrap{border:1px solid var(--line-soft);background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0 / 16px 16px;line-height:0;max-width:100%}.fd-pane{display:block;max-width:100%;height:auto;cursor:grab;touch-action:none}.fd-pane.dragging{cursor:grabbing}.fd-zoom{display:flex;align-items:center;gap:6px;font-size:11px;flex-wrap:wrap}.fd-zoom-label{min-width:48px;text-align:center;font-variant-numeric:tabular-nums}.fd-zoom-extra{display:flex;gap:6px;margin-left:auto}.fd-zoom-extra button{padding:2px 8px;display:inline-flex;gap:4px;align-items:center}.fd-zoom-extra button[aria-pressed=true]{background:var(--selected);border-color:var(--accent)}.fd-right{display:flex;flex-direction:column;min-width:250px;width:280px;max-width:100%}.fd-actions{margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft)}.fd-params{display:flex;flex-direction:column;gap:2px;max-height:56vh;overflow:auto;padding-right:4px}.fd-note{font-size:12px;color:var(--muted);margin:6px 0;line-height:1.5}.fd-progress{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:11px}.fd-progress progress{flex:1;height:8px;accent-color:var(--accent)}.fd-progress button{padding:2px 10px}.fd-progress[hidden],.filter-hud[hidden]{display:none}.filter-dialog h2{cursor:move;-webkit-user-select:none;user-select:none}.fp-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4px 6px;font-size:12px;padding:3px 0}.fp-row>label:first-child{color:var(--text)}.fp-row select,.fp-row input[type=color]{grid-column:2 / span 2;min-width:120px}.fp-row input[type=color]{height:24px;padding:1px}.fp-number input[type=number]{width:64px;text-align:right}.fp-unit{color:var(--muted);font-size:11px;min-width:18px}.fp-number input[type=range]{grid-column:1 / -1;width:100%;margin:0}.fp-check{grid-template-columns:1fr}.fp-check label{display:flex;gap:6px;align-items:center}.fp-point{grid-template-columns:1fr;justify-items:start}.fp-point-canvas{border:1px solid var(--line-soft);cursor:crosshair;touch-action:none;max-width:100%}.fp-point-value{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.fp-kernel{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:4px 0 8px}.fp-kernel input{width:100%;text-align:center}.fd-blending:not(:empty){border-top:1px solid var(--line-soft);margin-top:8px}.fd-histogram{width:100%;height:84px;background:var(--input);border:1px solid var(--line-soft);margin-bottom:6px}.fd-grid-toggle{display:flex;gap:6px;align-items:center;font-size:12px;margin-bottom:6px}.filter-dialog.develop .fd-right,.filter-dialog.lens .fd-right{width:300px}.filter-dialog.develop .fd-params{max-height:calc(100dvh - 330px)}.fd-group{border-top:1px solid var(--line-soft);padding-bottom:4px}.fd-group header{display:flex;align-items:center;justify-content:space-between}.fd-group-reset{font-size:11px;padding:1px 8px}.filter-dialog.gallery .fd-right{width:270px}.fg-browser{width:230px;max-height:calc(100dvh - 180px);overflow:auto;border:1px solid var(--line-soft);border-radius:3px;padding:4px 6px;flex:none}.fg-browser summary{font-size:12px;padding:4px 0;cursor:pointer}.fg-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:6px}.fg-thumb{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:2px;border:1px solid transparent;font-size:10px;line-height:1.2}.fg-thumb.selected{border-color:var(--accent);background:var(--selected)}.fg-img{display:block;aspect-ratio:1;overflow:hidden;background:var(--input)}.fg-img canvas{width:100%;height:100%;object-fit:cover;display:block}.fg-label{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fg-layers{border:1px solid var(--line-soft);max-height:150px;overflow:auto}.fg-layer{display:flex;align-items:center;gap:4px;height:26px;font-size:12px;border-bottom:1px solid var(--line);cursor:default}.fg-layer.selected{background:var(--row-selected)}.fg-layer.disabled span{opacity:.5}.fg-layer .eye{width:24px;height:100%;padding:0;border-radius:0;border-right:1px solid var(--line)}.fg-layer-buttons{display:flex;justify-content:flex-end;gap:4px;margin-top:4px}.fade-dialog{width:340px}.filter-hud{position:fixed;left:50%;bottom:44px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--menu);color:var(--text);border:1px solid var(--line-soft);border-radius:4px;box-shadow:0 8px 30px #0006;font-size:12px}.filter-hud progress{width:180px;height:8px;accent-color:var(--accent)}.filter-hud button{padding:2px 10px}.live-filter-row{display:flex;align-items:center;gap:4px;height:24px;font-size:11px;padding-left:calc(var(--depth) * 16px + 40px);border-bottom:1px solid var(--line);color:var(--text)}.live-filter-row:hover{background:var(--hover)}.live-filter-row .eye{width:22px;height:100%;padding:0;border-radius:0;flex:none}.live-filter-row.disabled .live-name{opacity:.5;text-decoration:line-through}.live-filter-row small{color:var(--muted);font-size:10px}.live-head .live-title{color:var(--muted)}.live-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.live-filter-row .icon-button{min-width:20px;height:20px;opacity:0}.live-filter-row:hover .icon-button,.live-filter-row .icon-button:focus-visible{opacity:1}.live-mask-thumb{width:28px;height:18px;object-fit:contain;border:1px solid var(--line-soft);background:#000}.liquify-dialog{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;display:flex;flex-direction:column;background:var(--bg)}.liquify-dialog:not([open]){display:none}.lq-head{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--chrome);border-bottom:1px solid var(--line)}.lq-head h2{font-size:14px;margin:0}.lq-hint{font-size:11px;color:var(--muted);flex:1}.lq-actions{display:flex;gap:8px}.lq-actions button{min-width:74px;padding:5px 12px}.lq-body{flex:1;display:flex;min-height:0}.lq-tools{display:flex;flex-direction:column;gap:2px;padding:6px 4px;background:var(--chrome);border-right:1px solid var(--line);overflow:auto}.lq-tools button{width:34px;height:32px}.lq-tools button[aria-pressed=true]{background:var(--selected);border-color:var(--accent)}.lq-stage{flex:1;position:relative;min-width:0;overflow:hidden;background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0 / 16px 16px}.lq-canvas,.lq-overlay{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.lq-overlay{pointer-events:none}.lq-cursor{position:absolute;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000;pointer-events:none}.lq-props{width:260px;padding:4px 12px 12px;background:var(--surface);border-left:1px solid var(--line);overflow:auto;font-size:12px}.lq-props section{border-bottom:1px solid var(--line-soft);padding-bottom:8px}.lq-props h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:10px 0 6px}.lq-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}.lq-row button{padding:3px 8px}.lq-check{display:flex;align-items:center;gap:6px;margin-top:6px}.lq-zoom-label{min-width:52px;text-align:center;font-variant-numeric:tabular-nums}.lq-progress{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--menu);border:1px solid var(--line-soft);border-radius:4px;font-size:12px}.lq-progress[hidden]{display:none}.lq-progress progress{width:200px}@media(max-width:760px){.fd-right,.filter-dialog.develop .fd-right,.filter-dialog.gallery .fd-right{width:100%;min-width:0}.fg-browser{width:100%;max-height:180px}.lq-body{flex-direction:column}.lq-tools{flex-direction:row;border-right:0;border-bottom:1px solid var(--line)}.lq-stage{min-height:0}.lq-props{width:100%;max-height:38%;border-left:0;border-top:1px solid var(--line)}}.type-input{position:fixed;left:0;top:0;width:1px;height:1px;padding:0;border:0;margin:0;opacity:0;resize:none;overflow:hidden;pointer-events:none;z-index:-1;font-size:16px}#overlay .type-frame{fill:none;stroke:var(--accent)}#overlay .type-bounds{fill:none;stroke:var(--accent);opacity:.7}#overlay .type-handle{fill:var(--white);stroke:var(--accent)}#overlay .type-overflow{fill:var(--white);stroke:#d33}#overlay .type-path{fill:none;stroke:var(--accent);opacity:.55}#overlay .type-path.active{opacity:.8;stroke-dasharray:none}#overlay .type-path-marker{fill:none;stroke:var(--accent);stroke-linecap:round}#overlay .type-path-end{fill:var(--white);stroke:var(--accent)}dialog.type-path-options{width:380px;max-width:calc(100vw - 32px);margin:auto 16px 16px auto}dialog.type-path-options::backdrop{background:transparent}.type-path-range{display:grid;grid-template-columns:1fr 1fr;gap:12px}#overlay .type-selection{fill:#fff;mix-blend-mode:difference}#overlay .type-caret{stroke:#fff;mix-blend-mode:difference;animation:type-caret-blink 1.06s steps(1) infinite}#overlay .type-composition{stroke:var(--accent)}@keyframes type-caret-blink{0%,60%{opacity:1}61%,to{opacity:0}}@media(prefers-reduced-motion:reduce){#overlay .type-caret{animation:none}}.type-font-button{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;min-width:132px;max-width:180px;font-size:13px;padding:2px 6px}.type-font-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-font-button.wide{width:100%;max-width:none}.type-font-picker{width:260px;padding:6px;gap:6px;grid-template-rows:auto minmax(0,1fr);max-height:min(420px,70vh)}.type-font-search{width:100%}.type-font-list{overflow:auto;display:grid;align-content:start}.type-font-list button{justify-content:flex-start;text-align:left;font-size:16px;padding:4px 8px;border:0;background:none;color:var(--text)}.type-font-list button:hover,.type-font-list button[aria-selected=true]{background:var(--hover)}.type-font-group{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 8px 2px}.type-color{width:28px;height:22px;padding:0 2px}.type-color.mixed{opacity:.55}.type-panel{padding:8px;display:grid;gap:8px;align-content:start}.type-panel .type-row{display:flex;gap:6px}.type-panel .type-row select{flex:1;min-width:0}.type-panel .type-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.type-panel .type-field{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);min-width:0}.type-panel .type-field.wide{flex:1}.type-panel .type-field input,.type-panel .type-field select{flex:1;min-width:0;width:100%}.type-panel .type-field input[type=color]{flex:0 0 34px;height:22px;padding:0 2px}.type-panel .type-unit{font-size:10px;color:var(--muted);width:12px}.type-panel .type-toggles{display:flex;flex-wrap:wrap;gap:3px}.type-panel .type-toggles .mixed{opacity:.6}.type-panel .type-check{display:inline-flex;align-items:center;gap:6px;font-size:11px}.type-panel .hint{margin:0}.type-warp-slider{display:grid;grid-template-columns:1fr 52px;align-items:center}.type-warp-slider input{grid-column:1}.type-warp-slider output{grid-column:2;grid-row:2;text-align:right;font-variant-numeric:tabular-nums}.type-warp-axis{border:0;padding:0;display:flex;gap:14px;align-items:center}.type-warp-axis legend{float:left;margin-right:10px;padding:0}.type-warp-axis label{display:inline-flex;align-items:center;gap:4px}#tool-options #type-size{width:58px}dialog.color-picker-dialog{width:600px;max-width:calc(100vw - 32px);padding:18px 20px}dialog.color-picker-dialog::backdrop{cursor:crosshair}.color-picker-dialog h2{margin-bottom:12px}.cp-body{display:grid;grid-template-columns:256px 22px 1fr;gap:12px;align-items:start}.cp-field-wrap,.cp-strip-wrap{position:relative;height:256px}.cp-field{width:256px;height:256px;display:block;border:1px solid var(--line);cursor:crosshair;touch-action:none;image-rendering:auto}.cp-strip{width:22px;height:256px;display:block;border:1px solid var(--line);cursor:ns-resize;touch-action:none}.cp-ring{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border:2px solid #000;border-radius:50%;box-shadow:0 0 0 1px #fff;pointer-events:none}.cp-ring.light{border-color:#fff;box-shadow:0 0 0 1px #000}.cp-arrow{position:absolute;left:-5px;right:-5px;height:0;pointer-events:none}.cp-arrow:before,.cp-arrow:after{content:"";position:absolute;top:-5px;border:5px solid transparent}.cp-arrow:before{left:-4px;border-left-color:var(--text)}.cp-arrow:after{right:-4px;border-right-color:var(--text)}.cp-side{display:flex;flex-direction:column;gap:12px;min-width:0}.cp-compare{display:grid;grid-template-columns:64px;justify-items:center;gap:0;font-size:11px}.cp-compare button{width:64px;height:34px;padding:0;border:1px solid var(--line);border-radius:0}.cp-compare .cp-new{border-bottom:0}.cp-warnings{display:flex;gap:8px;min-height:26px}.cp-warnings button{display:flex;align-items:center;gap:4px;padding:2px 4px}.cp-warnings span{width:16px;height:16px;border:1px solid var(--line)}.cp-actions{display:flex;flex-direction:column;gap:6px}.cp-actions button{padding:5px 10px}.cp-values{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:14px}.cp-col{display:flex;flex-direction:column;gap:4px}.cp-num{display:grid;grid-template-columns:16px 16px 64px 16px;align-items:center;gap:4px;font-size:12px}.cp-num input[type=number]{width:64px}.cp-num input[type=radio]{margin:0;accent-color:var(--accent)}.cp-col:last-child .cp-num:nth-child(n+4){grid-template-columns:16px 16px 64px 16px}.cp-col:last-child .cp-num:nth-child(n+4) span{grid-column:2}.cp-num em{font-style:normal;color:var(--muted)}.cp-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px}.cp-hex input{width:80px;font-family:ui-monospace,monospace}.cp-check{display:flex;align-items:center;gap:6px}.cp-hint{margin:10px 0 0;font-size:11px}@media(max-width:640px){.cp-body{grid-template-columns:1fr 22px}.cp-field{width:100%;height:auto;aspect-ratio:1}.cp-field-wrap{height:auto}.cp-side{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}.cp-values{grid-template-columns:1fr}}.color-table-dialog .ct-grid{display:grid;grid-template-columns:repeat(16,1fr);gap:2px}.ct-swatch{aspect-ratio:1;min-height:0;padding:0;border:1px solid #0006;border-radius:0;background:var(--swatch)}.ct-swatch.transparent{background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0 / 8px 8px}dialog.duotone-dialog{width:520px}.duo-ink{display:grid;grid-template-columns:48px 48px 1fr 1.4fr;gap:10px;align-items:end;margin:10px 0;font-size:12px}.duo-ink label{display:flex;flex-direction:column;gap:4px}.duo-ink input{width:100%}.duo-curve{width:48px;height:48px;border:1px solid var(--input-line);background:var(--input);color:var(--accent)}.duo-color{width:48px;height:48px;padding:0;background:var(--swatch);border:1px solid var(--line)}.cp-actions button:not(.primary),.cp-warnings button{border:1px solid var(--input-line)}.adj-props{padding:8px 10px 10px;display:flex;flex-direction:column;min-height:100%;font-size:11px}.adj-props-head{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--line-soft);margin-bottom:6px}.adj-props-head h3{margin:0;font-size:12px;font-weight:600}.adj-body{display:flex;flex-direction:column;gap:6px}.adj-footer{display:flex;gap:2px;justify-content:flex-end;margin-top:auto;padding-top:8px;border-top:1px solid var(--line-soft)}.adj-footer button[aria-pressed=true]{background:var(--selected);border-color:var(--input-line)}.adj-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.adj-row>.adj-select{flex:1 1 140px}.adj-select{display:flex;align-items:center;gap:6px}.adj-select label,.adj-field-label{color:var(--muted);font-size:10px;white-space:nowrap}.adj-select select{flex:1;min-width:0}.adj-check{display:inline-flex;align-items:center;gap:6px;font-size:11px}.adj-slider{display:block}.adj-slider-head{display:flex;justify-content:space-between;align-items:center;gap:6px;color:var(--muted);font-size:10px;margin-bottom:1px}.adj-slider-head span{display:inline-flex;align-items:center;gap:3px}.adj-slider-head input[type=number]{width:58px;text-align:right;min-height:20px;padding:0 4px;font-size:11px;color:var(--text)}.adj-slider input[type=range]{width:100%;margin:0}.adj-slider input.adj-track{appearance:none;-webkit-appearance:none;height:14px;background:transparent}.adj-slider input.adj-track::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--adj-track);border:1px solid var(--line)}.adj-slider input.adj-track::-moz-range-track{height:6px;border-radius:3px;background:var(--adj-track);border:1px solid var(--line)}.adj-slider input.adj-track::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;margin-top:-3.5px;border-radius:50%;background:var(--text);border:1px solid var(--line);box-shadow:0 0 0 1px #0006}.adj-slider input.adj-track::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--text);border:1px solid var(--line)}.adj-tools{display:inline-flex;gap:2px;align-items:center;margin-left:auto}.adj-dropper[aria-pressed=true],.adj-target[aria-pressed=true],.adj-tools .icon-button[aria-pressed=true]{background:var(--accent-fill);color:var(--accent-text)}.adj-dropper.black svg{fill:#000}.adj-dropper.gray svg{fill:#888}.adj-dropper.white svg{fill:#fff}.adj-hist-box{position:relative;background:var(--input);border:1px solid var(--input-line);border-radius:2px;height:96px}.adj-histogram{display:block;width:100%;height:100%}.adj-hist-wait{fill:var(--muted);font-size:14px}.adj-threshold-marker{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);pointer-events:none}.adj-track-bar{position:relative;height:14px;margin:0 6px;border-radius:2px}.adj-track-bar.adj-input{background:linear-gradient(90deg,#000,#fff);height:6px;margin-top:2px;margin-bottom:10px}.adj-track-bar.adj-output{background:linear-gradient(90deg,#000,#fff);height:6px;margin-bottom:10px}.adj-handle{position:absolute;top:4px;width:12px;min-width:0;height:10px;min-height:0;padding:0;margin-left:-6px;border:0;border-radius:0;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--muted)}.adj-handle.black{background:#111;filter:drop-shadow(0 0 1px #fff)}.adj-handle.gray{background:#888}.adj-handle.white{background:#fff;filter:drop-shadow(0 0 1px #000)}.adj-handle:focus-visible{outline:none;filter:drop-shadow(0 0 2px var(--accent))}.adj-level-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.adj-level-nums.two{grid-template-columns:1fr 1fr}.adj-level-nums input{width:100%;text-align:center}.adj-level-nums input:nth-child(2){justify-self:center}.adj-level-nums.two input:last-child,.adj-level-nums input:last-child{text-align:center}.adj-curve-box{background:var(--input);border:1px solid var(--input-line);border-radius:2px}.adj-curve{display:block;width:100%;aspect-ratio:1;touch-action:none;cursor:crosshair}.adj-curve:focus{outline:none}.adj-curve:focus-visible{outline:2px solid var(--accent)}.adj-curve .grid line,.adj-curve .grid rect{stroke:var(--line-soft);stroke-width:.6}.adj-curve .hist{fill:var(--muted);opacity:.35}.adj-curve .base{stroke:var(--line-soft);stroke-width:.8}.adj-curve .others path{fill:none;stroke-width:1;opacity:.7}.adj-curve .curve{stroke-width:1.6}.adj-curve .pts rect{fill:var(--surface);stroke:var(--text);stroke-width:1.2}.adj-curve .pts rect.sel{fill:var(--text)}.adj-curve-io{display:flex;gap:10px}.adj-curve-io label{display:inline-flex;gap:4px;align-items:center;color:var(--muted);font-size:10px}.adj-hue-bar{position:relative;margin:6px 4px 18px}.adj-hue-bar .spectrum{height:9px;border:1px solid var(--line)}.adj-hue-bar .spectrum.out{margin-top:12px}.adj-hue-bar .range-layer{position:absolute;left:0;right:0;top:10px;height:12px}.adj-hue-bar .range-layer .full{position:absolute;top:3px;height:6px;background:var(--muted);cursor:grab}.adj-hue-bar .range-layer .falloff{position:absolute;top:3px;height:6px;background:color-mix(in srgb,var(--muted) 45%,transparent)}.adj-hue-bar .hue-handle{position:absolute;top:1px;width:8px;min-width:0;height:10px;min-height:0;padding:0;margin-left:-4px;border-radius:1px;background:var(--text);border:1px solid var(--line);cursor:ew-resize}.adj-hue-bar .hue-handle.h0,.adj-hue-bar .hue-handle.h3{background:var(--surface2);border-color:var(--text)}.adj-range-values{position:absolute;left:0;right:0;top:34px;text-align:center;color:var(--muted);font-size:10px;white-space:pre}.adj-hue-bar:not(:has(.full)) .adj-range-values{display:none}.segmented.adj-tone{align-self:flex-start}.adj-color{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.adj-color input[type=color]{width:44px;height:22px;padding:1px}.adj-total{color:var(--muted);font-size:10px;text-align:right}.adj-total.warn{color:#e5a94d}.adj-radio{display:flex;gap:14px;font-size:11px}.adj-radio label{display:inline-flex;gap:5px;align-items:center}.adj-note{color:var(--muted);font-size:11px;margin:6px 0}.adj-error{color:#e5484d;font-size:11px;margin:0}.adj-error:empty{display:none}.adj-gradient-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px}.adj-gradient-swatch{height:18px;min-height:0;border:1px solid var(--line);padding:0}.adj-gradient-swatch:hover:not(:disabled){outline:1px solid var(--text)}.adj-gradient-editor{margin:4px 7px 0}.adj-gradient-bar{height:22px;border:1px solid var(--line);border-radius:2px}.adj-stop-lane{position:relative;height:16px;cursor:copy}.adj-stop{position:absolute;top:2px;width:12px;min-width:0;height:13px;min-height:0;padding:0;margin-left:-6px;border:1px solid var(--muted);border-radius:1px;background:var(--c);clip-path:polygon(50% 0,100% 35%,100% 100%,0 100%,0 35%)}.adj-stop.sel{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--text)}.adj-stop-fields{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.adj-stop-fields label{display:inline-flex;gap:4px;align-items:center;color:var(--muted);font-size:10px}.adj-stop-fields input[type=color]{width:34px;height:20px;padding:1px}.adj-panel{padding:8px}.adj-panel-hint{margin:0 0 6px;color:var(--muted);font-size:11px;min-height:14px}.adj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px}.adj-grid-button{height:32px;padding:0;border-color:var(--line-soft)}.adj-grid-button:hover:not(:disabled){border-color:var(--input-line)}#viewport.adj-picking,#viewport.adj-picking *,body.adj-picking-on .adj-shield{cursor:crosshair!important}.adj-shield{position:fixed;inset:0;z-index:90;background:transparent}dialog.adj-dialog{position:fixed;z-index:91;inset:72px 330px auto auto;margin:0;width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 96px);padding:0;overflow:auto}dialog.adj-dialog.adj-wide{width:420px}.adj-dialog form{display:flex;flex-direction:column}.adj-dialog-head{padding:8px 12px;border-bottom:1px solid var(--line-soft);cursor:move;-webkit-user-select:none;user-select:none;position:sticky;top:0;z-index:1;background:var(--surface)}.adj-dialog-head h2{margin:0;font-size:13px;font-weight:600}.adj-dialog-main{padding:10px 12px 12px;font-size:11px}.adj-dialog-foot{position:sticky;bottom:0;z-index:1;padding:8px 12px;border-top:1px solid var(--line-soft);background:var(--surface)}.adj-dialog-foot>button{min-width:64px}.adj-dialog-foot .adj-check{margin-right:0;font-size:11px}.adj-status{margin:0;font-size:10px;color:var(--muted);min-height:14px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){dialog.adj-dialog{inset:56px 16px auto;width:auto}}#overlay .vec-overlay{pointer-events:none}.vec-path{stroke:#2f8cff}.vec-preview,.vec-rubber{stroke:#2f8cff;stroke-opacity:.85}.vec-anchor{fill:#fff;stroke:#2f8cff}.vec-anchor.selected{fill:#2f8cff}.vec-handle-line{stroke:#2f8cff;fill:none;stroke-opacity:.8}.vec-handle{fill:#2f8cff;stroke:#fff}.vec-marquee{fill:#2f8cff14;stroke:#2f8cff}.vec-swatch{width:26px;height:20px;padding:2px;min-height:0;display:inline-flex;align-items:stretch;vertical-align:middle;flex:none}.vec-swatch>span{flex:1;display:block;border-radius:2px;border:1px solid var(--line)}.vec-swatch.stroke>span{box-shadow:inset 0 0 0 4px var(--surface)}.vec-swatch.none>span{position:relative}.vec-swatch.none>span:after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - 1px),#e33 calc(50% - 1px),#e33 calc(50% + 1px),transparent calc(50% + 1px))}.vec-paint-row{display:inline-flex;align-items:center;gap:5px}.vec-num input[type=number]{width:56px}.vec-radii .vec-num input[type=number]{width:44px}.vec-hint{font-size:11px}.vec-paint-pop{width:280px}.vec-paint-pop .vec-paint-types{display:flex;width:100%}.vec-paint-pop .vec-paint-types button{flex:1;font-size:11px}.vec-paint-pop .vec-paint-types button[aria-checked=true]{background:var(--selected);border-color:var(--input-line)}.vec-paint-body{display:grid;gap:7px}.vec-paint-body label{grid-template-columns:56px 1fr}.vec-paint-body label.check{display:flex;gap:6px}.vec-custom-button{display:inline-flex;align-items:center;gap:6px}.vec-shape-picker{width:292px;grid-template-columns:repeat(6,1fr);gap:4px}.vec-shape-picker button{aspect-ratio:1;padding:6px;min-height:0}.vec-shape-picker button[aria-selected=true]{background:var(--selected);border-color:var(--accent)}.vec-shape-picker svg{width:100%;height:100%}.paths-panel{display:flex;flex-direction:column;min-height:0}.path-list{overflow:auto;flex:1;min-height:40px}.path-row{display:flex;align-items:center;gap:8px;height:36px;padding:0 8px;border-bottom:1px solid var(--line);cursor:default}.path-row.selected{background:var(--row-selected)}.path-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.path-thumb{width:40px;height:28px;flex:none}.path-thumb-bg{fill:#fff;stroke:#0004}.path-thumb-fill{fill:#888}.path-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-empty{padding:10px;font-size:11px}.vec-props .vec-appearance{display:grid;grid-template-columns:auto auto auto auto;justify-content:start;align-items:center;gap:6px 8px}.vec-props .vec-ops{display:flex;gap:3px;align-items:center;flex-wrap:wrap}.vec-props+.vec-generic{padding-top:0}.retouch-stroke{stroke:#3a3a3a;opacity:.45;pointer-events:none}.retouch-stroke.remove{stroke:#d6336c;opacity:.5}.retouch-anchor{fill:var(--ants-a);stroke:var(--ants-b)}.retouch-anchor.start{fill:var(--accent)}.retouch-progress{display:inline-flex;align-items:center;gap:6px;color:var(--text)}.retouch-progress-track{position:relative;width:120px;height:6px;border-radius:3px;background:var(--input);overflow:hidden;border:1px solid var(--line-soft)}.retouch-progress-fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--accent);transition:width .15s}.retouch-progress.indeterminate .retouch-progress-fill{width:35%;animation:retouch-indeterminate 1.1s ease-in-out infinite}@keyframes retouch-indeterminate{0%{left:-35%}to{left:100%}}.retouch-progress-cancel{padding:0 6px;height:18px;font-size:11px}@media(prefers-reduced-motion:reduce){.retouch-progress.indeterminate .retouch-progress-fill{animation:none;width:100%;opacity:.5}}#viewport.retouch-sampling,#viewport.retouch-sampling *{cursor:crosshair!important}dialog.retouch-workspace{width:min(1280px,calc(100vw - 32px));max-width:none;height:min(860px,calc(100dvh - 32px));padding:0;display:flex;flex-direction:column;overflow:hidden}dialog.retouch-workspace:not([open]){display:none}.rw-header{padding:10px 16px;border-bottom:1px solid var(--line);background:var(--chrome)}.rw-header h2{font-size:14px;margin:0}.rw-body{flex:1;display:flex;min-height:0}.rw-tools{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;border-right:1px solid var(--line);background:var(--chrome)}.rw-tool{width:32px;height:30px;display:inline-flex;align-items:center;justify-content:center;gap:1px;padding:0}.rw-tool[aria-pressed=true]{background:var(--selected);border-color:var(--input-line)}.rw-tool span{font-size:12px;font-weight:600}.rw-tool-size{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:var(--muted)}.rw-tool-size input{width:46px;text-align:center}.rw-stage{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1px;min-width:0;background:var(--line)}.rw-stage.single{grid-template-columns:1fr;position:relative}.rw-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--canvas)}.rw-pane h3{font-size:11px;font-weight:600;padding:6px 10px;color:var(--text);background:var(--chrome);display:flex;gap:8px;align-items:baseline}.rw-pane h3 small{color:var(--muted);font-weight:400}.rw-view{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;background:var(--canvas)}.rw-canvas{max-width:calc(100% - 16px);max-height:calc(100% - 16px);box-shadow:0 2px 12px #0006;cursor:crosshair;touch-action:none}.rw-side{width:270px;flex:none;overflow-y:auto;padding:10px 14px 16px;border-left:1px solid var(--line);background:var(--surface);font-size:12px}.rw-side h4{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:14px 0 6px}.rw-side h4:first-child{margin-top:2px}.rw-field{display:flex;flex-direction:column;gap:4px;margin:8px 0}.rw-field>span{color:var(--text)}.rw-field small{color:var(--muted);font-size:11px;line-height:1.4}.rw-field select,.rw-field textarea,.rw-field>input{width:100%;padding:4px 6px}.rw-range{display:flex;align-items:center;gap:6px}.rw-range input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.rw-range input[type=number]{width:58px}.rw-check{display:flex;align-items:center;gap:6px;margin:6px 0}.rw-footer{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--line);background:var(--chrome)}.rw-footer button{min-width:74px;padding:5px 12px}.rw-footer button:not(.primary){border-color:var(--input-line)}.rw-spacer{flex:1}.sm-cursor{position:absolute;border:1px solid #fff;outline:1px solid #000;border-radius:50%;pointer-events:none}.sm-status{position:absolute;left:10px;bottom:8px;color:var(--muted);font-size:11px}dialog.cr-workspace{width:300px;height:auto;max-height:calc(100dvh - 120px);inset:90px 290px auto auto;margin:0;position:fixed;z-index:60}.cr-body{padding:6px 14px 4px;overflow-y:auto;font-size:12px}.cr-droppers{display:flex;align-items:center;gap:4px;margin:6px 0}.cr-droppers.disabled{opacity:.45;pointer-events:none}.cr-swatches{display:flex;flex-wrap:wrap;gap:3px;margin-left:6px}.cr-swatch{width:14px;height:14px;border:1px solid var(--line-soft);border-radius:2px;font-size:10px;line-height:12px;text-align:center;color:#fff;text-shadow:0 0 2px #000}.cr-preview-box{display:flex;justify-content:center;background:var(--canvas);padding:6px;margin:8px 0 4px}.cr-preview-box canvas{max-width:100%;max-height:220px;cursor:crosshair}.cr-show{display:flex;gap:14px;justify-content:center;margin-bottom:6px}.cr-show label{display:flex;gap:4px;align-items:center}.cr-hint{margin:6px 0 4px!important;font-size:11px!important}dialog.ai-workspace{width:min(480px,calc(100vw - 32px));height:fit-content}.ai-body{padding:4px 18px 0;overflow-y:auto;font-size:12px}.ai-notice{border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:4px;padding:10px 12px;margin:10px 0 6px}.ai-notice strong{display:block;margin-bottom:4px}.ai-notice p{margin:0!important;color:var(--text)!important}.ai-sides{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.ai-status{min-height:18px;margin:8px 0!important}.ai-status.error{color:#ff8a8a!important}.ai-status.busy{color:var(--accent)!important}.contextual-taskbar{position:absolute;z-index:12;display:flex;align-items:center;gap:2px;padding:3px;background:var(--menu);border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 16px #0007;font-size:12px}.contextual-taskbar[hidden]{display:none}.contextual-taskbar button{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border:0;border-radius:13px;background:transparent;white-space:nowrap}.contextual-taskbar button:hover:not(:disabled){background:var(--hover)}.contextual-taskbar .taskbar-close{padding:0 6px;color:var(--muted)}@media(max-width:760px){.rw-body{flex-direction:column}.rw-tools{flex-direction:row;border-right:0;border-bottom:1px solid var(--line)}.rw-stage{grid-template-columns:1fr}.rw-side{width:auto;border-left:0;border-top:1px solid var(--line);max-height:40%}dialog.cr-workspace{inset:auto 8px 8px auto}.contextual-taskbar span{display:none}}.info-panel{padding:6px 8px 10px;font-variant-numeric:tabular-nums}.info-readouts{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-bottom:6px}.info-readouts+.info-readouts{border-top:1px solid var(--line-soft);padding-top:6px}.info-block{min-width:0}.info-block header{display:flex;align-items:center;gap:4px;min-height:22px;color:var(--muted)}.info-block header .icon{flex:none}.info-block header>span{font-size:11px}.info-model{min-width:0;flex:1;font-size:11px;padding:1px 2px;height:20px}.info-values{display:grid;grid-template-columns:22px 1fr;gap:2px 4px;margin:4px 0 0}.info-values dt{color:var(--muted);text-align:right}.info-values dd{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-block.sampler header{color:var(--text)}.sampler-number{font-size:11px;min-width:22px}.info-block.sampler .icon-button{min-width:18px;height:18px;padding:0;opacity:.6}.info-block.sampler .icon-button:hover{opacity:1}.info-status{border-top:1px solid var(--line-soft);padding-top:6px;display:grid;gap:3px;font-size:11px}.info-status:empty{display:none}.info-status div{display:grid;grid-template-columns:70px 1fr;gap:6px}.info-status span:first-child{color:var(--muted)}#overlay .color-sampler circle,#overlay .color-sampler path{fill:none;stroke:#fff}#overlay .color-sampler text{fill:#fff;font-family:inherit;font-weight:600}#overlay .color-sampler .halo{stroke:#000;stroke-opacity:.65}#overlay .color-sampler text.halo{fill:none}#overlay .color-sampler.active circle:not(.halo),#overlay .color-sampler.active path:not(.halo){stroke:var(--accent)}#overlay .ruler-line path{fill:none;stroke:#fff}#overlay .ruler-line .halo{stroke:#000;stroke-opacity:.6}#overlay .count-markers text{font-family:inherit;font-weight:600}#overlay .note-focus{fill:none;stroke:var(--accent)}.ruler-readout{display:inline-flex;gap:10px;font-variant-numeric:tabular-nums}.ruler-value{display:inline-flex;gap:4px;align-items:baseline;white-space:nowrap;font-size:11px}.ruler-value b{color:var(--muted);font-weight:500}.ruler-value output{min-width:42px}.count-total{white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}.count-total b{color:var(--muted);font-weight:500}#tool-options #count-color{width:26px;height:20px;padding:0;border:1px solid var(--input-line)}.notes-panel{padding:8px 10px 10px;display:flex;flex-direction:column;gap:8px}.notes-nav{display:flex;align-items:center;gap:4px}.notes-position{font-size:11px}.notes-field{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.notes-field input{flex:1;min-width:0}.notes-meta{font-size:11px}.notes-panel textarea{min-height:140px;resize:vertical;width:100%;font:inherit;padding:6px}.notes-colors{display:flex;gap:6px}.notes-colors button{width:18px;height:18px;min-height:0;padding:0;border-radius:3px;background:var(--swatch);border:1px solid #0007}.notes-colors button[aria-checked=true]{outline:2px solid var(--accent);outline-offset:1px}.notes-empty p{margin:0 0 8px;line-height:1.5}.dock-drawer:has(>.log-panel){width:min(640px,calc(100vw - 420px))}.log-panel{display:flex;flex-direction:column;min-height:0;outline:none}.log-toolbar{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid var(--line-soft);font-size:11px}.log-toolbar button:not(.icon-button){display:inline-flex;align-items:center;gap:4px}.log-empty{padding:10px;line-height:1.5;margin:0}.log-scroll{overflow:auto;max-height:420px}.measure-log{border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums;width:max-content;min-width:100%}.measure-log th,.measure-log td{padding:3px 8px;border-bottom:1px solid var(--line-soft);white-space:nowrap;text-align:left}.measure-log td.num{text-align:right}.measure-log thead th{position:sticky;top:0;background:var(--surface2);z-index:1;padding:0}.measure-log thead button{width:100%;text-align:left;padding:4px 8px;border:0;background:none;font-weight:600;font-size:11px;color:var(--text);border-radius:0}.measure-log tbody th{color:var(--muted);font-weight:400}.measure-log tbody tr{cursor:default}.measure-log tbody tr:hover{background:var(--hover)}.measure-log tbody tr[aria-selected=true]{background:var(--row-selected)}dialog.scale-dialog-host,dialog.scale-marker-host{width:440px;max-width:calc(100vw - 32px)}dialog.data-points-host{width:560px;max-width:calc(100vw - 32px)}.scale-row{display:flex;gap:6px;align-items:center}.scale-row input,.scale-row select{flex:1;min-width:0}.scale-summary{min-height:18px;margin:0}.dialog-spacer{flex:1}.data-point-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px;align-items:start}.data-point-groups fieldset{border:1px solid var(--line-soft);border-radius:4px;padding:6px 10px 8px;margin:0;display:grid;gap:4px;align-content:start}.data-point-groups legend{color:var(--muted);font-size:11px;padding:0 4px}.data-point-groups .checkbox-field{justify-content:flex-start;gap:6px;font-size:12px;display:flex}.scale-marker-host .checkbox-field{justify-content:flex-start;gap:8px}.scale-marker-host .checkbox-field input{width:auto}.comps-panel{display:flex;flex-direction:column;min-height:0}.comps-list{display:grid;max-height:360px;overflow:auto}.comp-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;column-gap:4px;min-height:26px;padding-right:8px;border-bottom:1px solid var(--line);font-size:11px;cursor:default;-webkit-user-select:none;user-select:none}.comp-row:hover{background:var(--hover)}.comp-row.selected{background:var(--row-selected)}.comp-row.last-state .comp-name{color:var(--muted);font-style:italic}.comp-row.last-state.selected .comp-name{color:inherit}.comp-apply{width:26px;min-height:26px;height:100%;padding:0;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;color:var(--accent)}.comp-apply[aria-pressed=false]{color:var(--muted)}.comp-apply[aria-pressed=false]:hover:after{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}.comp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:4px}.comp-warning{display:inline-flex;color:#e8a33d}.comp-comment{grid-column:2 / -1;padding:0 0 5px 4px;margin-top:-2px;color:var(--muted);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comps-empty{margin:0;padding:12px;color:var(--muted);font-size:11px;line-height:1.5}.comps-panel .layer-footer{align-items:center}.comps-spacer{flex:1}.comp-dialog{width:380px;max-width:calc(100vw - 32px)}.comp-dialog .comp-capture{display:grid;gap:6px;margin:10px 0;padding:8px 10px 10px;border:1px solid var(--line-soft);border-radius:4px}.comp-dialog .comp-capture legend{padding:0 4px;color:var(--muted);font-size:11px}.comp-dialog .comp-capture .dialog-field{margin:0}#stage.has-artboards{background:var(--canvas);box-shadow:none}#artboard-underlay{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;pointer-events:none}#artboard-underlay .checker-a{fill:var(--checker-a)}#artboard-underlay .checker-b{fill:var(--checker-b)}#artboard-underlay .artboard-shadow{fill:#000;filter:drop-shadow(0 1px 6px #0006)}.artboard-name{fill:var(--muted);font-family:inherit;font-weight:500;pointer-events:all;cursor:default;-webkit-user-select:none;user-select:none;paint-order:stroke;stroke:var(--canvas);stroke-linejoin:round}.artboard-name.active{fill:var(--accent)}.artboard-name:hover{fill:var(--text)}.artboard-size{fill:var(--accent);font-family:inherit;font-variant-numeric:tabular-nums}.artboard-outline{fill:none;stroke:var(--line-soft)}.artboard-outline.active{stroke:var(--accent)}.artboard-hidden{fill:none;stroke:var(--muted)}.artboard-add{pointer-events:all;cursor:pointer}.artboard-add circle{fill:var(--surface);stroke:var(--accent)}.artboard-add path{stroke:var(--accent);fill:none}.artboard-add:hover circle{fill:var(--accent)}.artboard-add:hover path{stroke:var(--accent-text)}.artboard-orientation{display:flex;align-items:center;gap:4px;font-size:11px;margin:0 0 6px}.artboard-orientation>span{color:var(--muted);min-width:66px}.artboard-orientation button{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;font-size:10px;border:1px solid transparent;border-radius:3px}.artboard-orientation button[aria-pressed=true]{background:var(--selected);border-color:var(--input-line)}.artboard-orientation button[data-artboard-orient=landscape] svg{transform:rotate(90deg)}.artboard-properties fieldset,.frame-properties fieldset{border:0;padding:0;margin:0;min-width:0}.artboard-properties .artboard-preset{margin-bottom:8px}.artboard-properties .number-field>span,.frame-properties .number-field>span{min-width:52px}.artboard-properties .transform-grid .number-field>span,.frame-properties .transform-grid .number-field>span{min-width:31px}.artboard-properties .artboard-preset select{text-align:left}.frame-placeholder{fill:none;stroke:var(--muted)}.frame-placeholder.cross{stroke-opacity:.6}.frame-outline{fill:none;stroke:var(--accent)}.frame-drop-target{fill:color-mix(in srgb,var(--accent) 18%,transparent);stroke:var(--accent)}.slices-overlay{pointer-events:none}.slices-overlay .slice-user{fill:none;stroke:#3d8bfd}.slices-overlay .slice-user.selected{stroke:#ffb020}.slices-overlay .slice-auto{fill:none;stroke:#8a8a8a;opacity:.9}.slices-overlay .slice-selected-fill{fill:#ffb020;fill-opacity:.12;stroke:none}.slices-overlay .slice-handle{fill:#fff;stroke:#ffb020}.slice-badge rect{fill:#3d8bfd;stroke:#0006;stroke-width:1}.slice-badge text{fill:#fff;font:600 10px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}.slice-badge.auto rect{fill:#6e6e6e;fill-opacity:.88}.slice-badge.size rect{fill:#1d1d1d;fill-opacity:.85}.slice-badge .slice-layer-mark{fill:none;stroke:#fff;stroke-width:1.2}.slice-options-note{margin:4px 0 0}dialog.web-export-dialog{width:min(1180px,calc(100vw - 32px));max-width:min(1180px,calc(100vw - 32px))}.web-export-dialog .web-body{grid-template-columns:minmax(0,1fr) 280px}.web-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.web-head h2{margin:0 auto 0 0}.web-tabs button{padding:3px 12px;min-height:24px}.web-tabs button[aria-selected=true]{background:var(--selected)}.web-zoom{border:1px solid var(--input-line);min-width:52px}.web-panes{display:grid;gap:10px;min-width:0;min-height:0;height:min(64dvh,640px)}.web-panes[data-count="1"]{grid-template-columns:1fr}.web-panes[data-count="2"]{grid-template-columns:1fr 1fr}.web-panes[data-count="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.web-pane{display:flex;flex-direction:column;min-width:0;min-height:0;margin:0;border:1px solid var(--line-soft);border-radius:3px;background:var(--input)}.web-pane.optimized{cursor:pointer}.web-pane.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.web-pane-stage{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:8px}.web-panes.actual .web-pane-stage{overflow:auto;align-items:flex-start;justify-content:flex-start}.web-pane-image{position:relative;max-width:100%;max-height:100%;flex:none;background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0 / 16px 16px;box-shadow:0 1px 6px #0005}.web-panes:not(.actual) .web-pane-image{width:auto!important;height:100%}.web-panes:not(.actual) .web-pane-stage{container-type:size}.web-pane-image>img{position:absolute;display:block;image-rendering:auto}.web-panes.actual .web-pane-image>img{image-rendering:pixelated}.web-slices{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.web-slices rect{fill:transparent;stroke:#3d8bfd;stroke-width:1;pointer-events:all;cursor:pointer}.web-slices rect.auto{stroke:#8a8a8a;stroke-dasharray:4 3}.web-slices rect.selected{stroke:#ffb020;stroke-width:2;fill:#ffb0201a}.web-slice-number{position:absolute;padding:1px 4px;font:600 10px/1.3 system-ui,sans-serif;color:#fff;background:#3d8bfd;border-radius:0 0 2px;pointer-events:none;font-variant-numeric:tabular-nums}.web-slice-number.auto{background:#6e6e6ee0}.web-pane figcaption{display:flex;justify-content:space-between;gap:10px;padding:6px 9px;border-top:1px solid var(--line-soft);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.web-pane figcaption strong{color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.web-pane figcaption span{white-space:nowrap}.web-settings{max-height:min(64dvh,640px)}.web-settings .web-all,.web-settings .web-select-all{border:1px solid var(--input-line);margin-top:6px}.web-settings [hidden]{display:none!important}.web-export-dialog .export-actions{align-items:center}.web-total{margin-right:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}@media(max-width:760px){.web-export-dialog .web-body{grid-template-columns:1fr}.web-panes{height:52dvh}.web-panes[data-count="2"],.web-panes[data-count="4"]{grid-template-columns:1fr;grid-template-rows:none;height:auto}.web-panes[data-count="2"] .web-pane,.web-panes[data-count="4"] .web-pane{height:40dvh}.web-head{flex-wrap:wrap}}.web-pane-stage{container-type:size}.web-pane-image,.web-panes:not(.actual) .web-pane-image{max-width:none;max-height:none;height:auto}.slices-overlay .slice-selected-fill{fill-opacity:.08}.menu-pop .menu-label{white-space:nowrap}.layer-thumbnail{position:relative}.embed-badge{position:absolute;right:0;bottom:0;width:13px;height:13px;display:grid;place-items:center;background:var(--chrome);color:var(--text);border-top-left-radius:3px;box-shadow:0 0 0 1px #0006}.embed-badge .icon{width:10px;height:10px}.embed-badge.linked.warn{background:#c9862a;color:#1b1b1b}.embed-properties{border-top:1px solid var(--line-soft);margin-top:12px;padding-top:2px}.property-body .embed-properties h3{justify-content:flex-start;gap:6px}.embed-properties .property-grid{grid-template-columns:auto 1fr;margin:8px 0 10px;gap:6px 10px}.embed-properties .property-grid strong{overflow-wrap:anywhere}.embed-properties .embed-warn{color:#e0a040}.embed-stack{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);margin:0 0 8px}.embed-stack select{flex:0 1 60%;min-width:0}.embed-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.embed-action{display:flex;align-items:center;gap:5px;min-height:25px;padding:3px 6px;font-size:11px;border:1px solid var(--line-soft);border-radius:3px;text-align:left}.embed-action span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embed-action .icon{flex:none;width:13px;height:13px}.dialog-actions .dialog-discard{margin-right:auto}.live-mask-thumb.disabled{opacity:.45;outline:1px solid #d04040;outline-offset:-1px}.dialog-field.checkbox-field input[type=checkbox]{width:auto;flex:none;margin:0}.workspace.multi-view>.document-tabs{display:none}.view-frames{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--canvas)}.view-frame{position:absolute;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--canvas);box-shadow:inset 0 0 0 1px var(--line)}.view-frame>.frame-tabs{display:flex;height:24px;flex:none;background:var(--chrome);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.view-frame>.frame-tabs .document-tab{max-width:100%}.view-frame>.frame-body{position:relative;flex:1;min-height:0;display:flex}.view-frame>.frame-body>.canvas-area{flex:1;min-width:0}.view-frame .view-preview{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:default}.view-frame.active>.frame-tabs{box-shadow:inset 0 -2px 0 var(--accent)}.view-frame:not(.view-float)+.view-frame:not(.view-float){border-left:1px solid var(--line)}.document-tab.active:not(.focused){background:var(--surface2)}.tab-window{color:var(--muted)}.view-float{border:1px solid var(--line-soft);border-radius:4px;overflow:hidden;box-shadow:0 12px 34px #0009,0 0 0 1px #0006}.view-float.active{border-color:color-mix(in srgb,var(--accent) 70%,var(--line-soft))}.view-float>.float-title{cursor:grab;height:26px}.view-float>.float-title:active{cursor:grabbing}.view-float>.float-title .document-tab{flex:1;border-right:0;background:transparent}.float-resize{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;z-index:3;background:linear-gradient(135deg,transparent 50%,var(--muted) 50% 58%,transparent 58% 70%,var(--muted) 70% 78%,transparent 78%);opacity:.7}#pattern-tiles{position:absolute;left:-100%;top:-100%;width:300%;height:300%;display:block;pointer-events:none;background:conic-gradient(var(--checker-a) 25%,var(--checker-b) 0 50%,var(--checker-a) 0 75%,var(--checker-b) 0) 0 0 / 20px 20px}#stage.pattern-preview{box-shadow:none}#stage.pixelated #pattern-tiles{image-rendering:pixelated}#overlay .pattern-bounds{stroke:var(--accent);opacity:.8}.view-compass>circle:first-child{fill:color-mix(in srgb,var(--chrome) 70%,transparent);stroke:var(--line-soft);stroke-width:1}.view-compass .needle-up{fill:var(--accent)}.view-compass .needle-down{fill:var(--muted)}.view-compass .hub{fill:var(--text)}.view-compass text{fill:var(--text);font-size:12px;font-variant-numeric:tabular-nums;paint-order:stroke;stroke:var(--chrome);stroke-width:3px}.rotate-angle input{width:54px}#app.options-hidden{grid-template-rows:30px minmax(0,1fr) 22px}.options-hidden .optionsbar,.tools-hidden .toolbar{display:none}.tools-hidden .editor-layout{grid-template-columns:minmax(0,1fr) auto}button.active-tool-icon{position:relative;border-radius:3px 0 0 3px;min-height:26px;padding:0 9px 0 2px;width:auto}button.active-tool-icon:after{content:"";position:absolute;right:2px;top:50%;margin-top:-1px;border:3px solid transparent;border-top-color:var(--muted)}.panel-group.empty,.dock-strip.empty{display:none}.dock-dragging .panel-group.empty{display:flex;flex:0 0 34px}.dock-dragging .dock-strip.empty{display:flex}.dock-dragging .panel-group.empty .panel-tabs{height:100%;align-items:center;justify-content:center;border:1px dashed var(--line-soft)}.drop-hint{color:var(--muted);font-size:11px}.dock [data-drop-location].drop-target{box-shadow:inset 0 0 0 1px var(--accent)}.dock .panel-tabs .drop-before{box-shadow:inset 2px 0 0 var(--accent)}.dock .dock-strip .drop-before{box-shadow:0 -2px 0 var(--accent)}.dock-locked .group-resizer{cursor:default;pointer-events:none}.tool-flyout-separator{height:1px;background:var(--line-soft);margin:3px 2px}.extra-tools-slot:not([aria-pressed=true]){color:var(--muted)}.menu-item[class*=menu-tag-],.me-label[class*=menu-tag-]{background:color-mix(in srgb,var(--tag) 22%,transparent);box-shadow:inset 3px 0 0 var(--tag)}.menu-item[class*=menu-tag-]:hover,.menu-item[class*=menu-tag-]:focus{background:var(--accent-fill)}.menu-tag-red{--tag: #e5484d}.menu-tag-orange{--tag: #f08c2e}.menu-tag-yellow{--tag: #e2c044}.menu-tag-green{--tag: #3fb760}.menu-tag-blue{--tag: #3d8bfd}.menu-tag-violet{--tag: #9b6ef3}.menu-tag-gray{--tag: #8a8a8a}.tool-presets-panel{display:flex;flex-direction:column;min-height:160px;max-height:100%}.tool-preset-list{display:grid;align-content:start;overflow:auto;padding:4px 0;flex:1}.tool-preset-row{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;height:26px;padding:0 6px 0 10px;outline:none}.tool-preset-row:hover{background:var(--hover)}.tool-preset-row.selected{background:var(--row-selected)}.tool-preset-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.tool-preset-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-preset-delete{opacity:0;min-height:20px}.tool-preset-row:hover .tool-preset-delete,.tool-preset-row:focus-within .tool-preset-delete{opacity:.8}.tool-preset-empty{padding:10px;font-size:11px;line-height:1.5}.tool-preset-filter{display:inline-flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.tool-presets-panel .layer-footer{align-items:center}.tool-preset-picker{width:280px;padding:0;gap:0}.tool-preset-picker-head,.tool-preset-picker-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 6px 10px}.tool-preset-picker-head{border-bottom:1px solid var(--line-soft)}.tool-preset-picker-foot{border-top:1px solid var(--line-soft);font-size:11px}.tool-preset-picker-foot label{display:inline-flex;align-items:center;gap:5px}.tool-preset-picker .tool-preset-list{max-height:260px}dialog.preset-manager{width:min(760px,calc(100vw - 32px));max-width:none;padding:20px}.pm-body{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px;height:min(460px,calc(100dvh - 200px))}.pm-kinds{display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--line-soft);padding-right:10px}.pm-kinds button{justify-content:flex-start;gap:8px;height:28px}.pm-kinds button small{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.pm-kinds button[aria-selected=true]{background:var(--selected)}.pm-main{display:flex;flex-direction:column;min-width:0;min-height:0;gap:8px}.pm-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.pm-filter{flex:0 1 150px;min-width:90px}.pm-divider{width:1px;height:18px;background:var(--line-soft);margin:0 3px}.pm-list{flex:1;overflow:auto;border:1px solid var(--line-soft);border-radius:3px;background:var(--input);padding:2px 0}.pm-section{position:sticky;top:-2px;z-index:1;padding:6px 10px 4px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--input)}.pm-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:36px;padding:2px 10px;outline:none}.pm-row:not(.builtin):hover{background:var(--hover)}.pm-row.selected{background:var(--row-selected)}.pm-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.pm-row.builtin{color:var(--muted)}.pm-row.drop-above{box-shadow:inset 0 2px 0 var(--accent)}.pm-row.drop-below{box-shadow:inset 0 -2px 0 var(--accent)}.pm-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-rename{min-width:0}.pm-grip{color:var(--muted);opacity:0;cursor:grab;display:inline-flex}.pm-row:hover .pm-grip{opacity:1}.pm-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--muted)}.pm-thumb{width:32px;height:32px;border-radius:3px;border:1px solid var(--line-soft);object-fit:cover;flex:none;background:var(--surface2);display:inline-grid;place-items:center}.pm-thumb.pm-wide{width:96px;height:24px;object-fit:contain;background:transparent;border-color:transparent}.pm-thumb.pm-gradient{width:64px;height:24px}.pm-thumb.pm-swatch{width:24px;height:24px}.pm-thumb.pm-shape{padding:4px;color:var(--text);background:transparent}.pm-empty{padding:14px 10px;font-size:11px}.pm-hint{margin:0;font-size:11px;line-height:1.5;min-height:1.5em}dialog.toolbar-editor{width:min(720px,calc(100vw - 32px));max-width:none;padding:20px}.tbe-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;height:min(440px,calc(100dvh - 240px))}.tbe-body section{display:flex;flex-direction:column;min-height:0;gap:6px}.tbe-body h3,.system-info h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.tbe-slots{overflow:auto;display:grid;align-content:start;gap:4px;padding-right:4px}.tbe-slot{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px;border:1px solid var(--line-soft);border-radius:4px;background:var(--surface2)}.tbe-slot.drop-above{box-shadow:0 -2px 0 var(--accent)}.tbe-grip{color:var(--muted);cursor:grab;display:inline-flex}.tbe-order{display:inline-flex;opacity:.6}.tbe-slot:hover .tbe-order{opacity:1}.tbe-tools{display:flex;flex-wrap:wrap;gap:4px;min-height:28px;align-items:center;border-radius:3px}.tbe-tools.drop-target{box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.tbe-extra{flex:1;align-content:flex-start;padding:6px;border:1px dashed var(--line-soft);overflow:auto}.tbe-tool{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 2px 0 6px;border:1px solid var(--input-line);border-radius:3px;background:var(--input);font-size:11px;cursor:grab}.tbe-tool kbd{font-size:10px}.tbe-move{min-height:20px;min-width:20px;opacity:.55}.tbe-tool:hover .tbe-move{opacity:1}.tbe-empty{color:var(--muted);font-size:11px;padding:0 4px}dialog.toolbar-editor .dialog-actions,dialog.menu-editor .dialog-actions{align-items:center}dialog.menu-editor{width:min(680px,calc(100vw - 32px));max-width:none;padding:20px}.me-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.me-menus button{font-size:11px}.me-filter{margin-left:auto;width:160px}.me-table{height:min(420px,calc(100dvh - 260px));overflow:auto;border:1px solid var(--line-soft);border-radius:3px;background:var(--input);padding:2px 0}.me-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto 92px;align-items:center;gap:8px;min-height:26px;padding:0 8px 0 calc(6px + var(--depth) * 16px)}.me-row:hover{background:var(--hover)}.me-row.me-submenu{grid-template-columns:14px 1fr;color:var(--muted);font-weight:600;font-size:11px}.me-row.me-submenu:hover{background:transparent}.me-label{padding:2px 6px;border-radius:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-hidden .me-label,.me-hidden kbd{opacity:.45;text-decoration:line-through}.me-visibility{min-height:20px}.me-visibility[aria-pressed=false]{color:var(--muted)}.me-color{width:92px;font-size:11px}.me-separator{height:1px;background:var(--line-soft);margin:3px 8px 3px calc(30px + var(--depth) * 16px)}.me-summary{font-size:11px;margin-left:6px}form.system-info{width:min(600px,calc(100vw - 80px))}dialog:has(form.system-info){width:auto;max-width:min(640px,calc(100vw - 32px))}.system-info-body{max-height:min(480px,calc(100dvh - 200px));overflow:auto;display:grid;gap:14px;padding-right:6px;outline:none}.system-info dl{display:grid;grid-template-columns:190px minmax(0,1fr);gap:3px 12px;margin:6px 0 0;font-size:11px}.system-info dt{color:var(--muted)}.system-info dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text}.system-info .dialog-actions{align-items:center}.system-info-status{margin-right:auto;font-size:11px}.system-info-text{width:100%;height:320px;font:11px ui-monospace,monospace}.tab-window{margin-left:-4px}.selected,[aria-selected=true],.layer-row.selected,.menu-item:focus,.menu-item:hover,.search-item.active{--muted: var(--muted-selected)}.menu-item:focus kbd,.menu-item:hover kbd,.search-item.active kbd,.search-item.active small{color:inherit;opacity:.85}html.feature-loading,html.feature-loading *{cursor:progress!important}html.feature-loading .statusbar{position:relative}html.feature-loading .statusbar:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:feature-loading .9s linear infinite}@keyframes feature-loading{0%{background-position:-40% 0}to{background-position:140% 0}}.panel-loading{min-height:48px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 12%,transparent),transparent) 0 0 / 40% 100% no-repeat;animation:feature-loading .9s linear infinite}@media(prefers-reduced-motion:reduce){html.feature-loading .statusbar:after,.panel-loading{animation:none}}dialog.newdoc-window{width:min(1000px,calc(100vw - 32px));max-width:none;height:min(640px,calc(100dvh - 48px));padding:0;display:flex;flex-direction:column;overflow:hidden}dialog.newdoc-window:not([open]){display:none}dialog.newdoc-window{resize:both;min-width:min(560px,calc(100vw - 16px));min-height:min(420px,calc(100dvh - 16px));max-height:calc(100dvh - 16px)}.newdoc-head{padding:16px 20px 0;border-bottom:1px solid var(--line-soft)}.newdoc-head h2{margin:0 0 10px;font-size:16px;font-weight:600}.newdoc-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.newdoc-tabs button{border-radius:0;padding:6px 12px 8px;color:var(--muted);border-bottom:2px solid transparent}.newdoc-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.newdoc-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 300px}.newdoc-presets{overflow:auto;padding:16px 20px}.newdoc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.newdoc-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;border:1px solid var(--line-soft);border-radius:6px;background:var(--surface2);cursor:default;text-align:center}.newdoc-card:hover{border-color:var(--input-line);background:var(--hover)}.newdoc-card:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.newdoc-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.newdoc-card strong{font-weight:500;font-size:12px}.newdoc-card small{color:var(--muted);font-size:10.5px}.newdoc-shape{width:56px;height:52px;display:grid;place-items:center}.newdoc-shape>span{display:block;border:1.5px solid var(--muted);border-radius:2px;background:var(--input)}.newdoc-card.selected .newdoc-shape>span{border-color:var(--accent)}.newdoc-remove{position:absolute;top:4px;right:4px;opacity:0}.newdoc-card:hover .newdoc-remove,.newdoc-remove:focus-visible{opacity:1}.newdoc-empty{color:var(--muted);padding:24px 4px;display:flex;align-items:center;gap:4px}.newdoc-details{border-left:1px solid var(--line-soft);padding:14px 18px;overflow:auto;display:flex;flex-direction:column;gap:10px;background:var(--surface2)}.newdoc-details label,.newdoc-orient{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:11px;color:var(--muted)}.newdoc-details input:not([type=checkbox]):not([type=color]),.newdoc-details select{width:100%;box-sizing:border-box;min-height:26px;color:var(--text)}.newdoc-title{display:flex;align-items:flex-end;gap:6px}.newdoc-name{flex:1}.newdoc-name span{text-transform:uppercase;letter-spacing:.06em;font-size:10px}.newdoc-name input{font-size:14px}.newdoc-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}.newdoc-orient .segmented button{min-height:26px;padding:2px 10px}.newdoc-orient .rot{display:inline-block;transform:rotate(90deg)}.newdoc-check{flex-direction:row!important;align-items:center;gap:8px!important;color:var(--text)!important;font-size:12px!important}.newdoc-color input{width:100%;height:26px;padding:1px 2px}.newdoc-advanced{border-top:1px solid var(--line-soft);padding-top:8px}.newdoc-advanced summary{cursor:default;color:var(--text);margin-bottom:8px}.newdoc-advanced label{margin-bottom:8px}.newdoc-summary{margin:auto 0 0;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.newdoc-foot{display:flex;align-items:center;gap:8px;padding:10px 20px;border-top:1px solid var(--line-soft)}.newdoc-foot button{min-height:28px;padding:2px 16px}.newdoc-error{flex:1;color:#e5534b;font-size:11px}@media(max-width:720px){.newdoc-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(140px,40%) minmax(0,1fr)}.newdoc-details{border-left:0;border-top:1px solid var(--line-soft)}}.newdoc-orient .segmented{align-self:flex-start}.newdoc-shape>span.bg-white{background:#fff}.newdoc-shape>span.bg-black{background:#111}.newdoc-shape>span.bg-transparent{background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0 / 6px 6px}#empty{justify-content:safe center;overflow:auto}#empty.has-recent{justify-content:flex-start;padding-top:max(20px,5vh)}.start-head{display:flex;flex-direction:column;align-items:center}#empty .empty-actions button .icon{margin-left:-2px}.start-presets,.start-recent{width:min(760px,100%);margin-top:30px;text-align:left;flex:none}.start-presets h2,.start-recent h2{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px}.start-preset-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.start-preset{flex-direction:column;justify-content:flex-start;gap:3px;padding:10px 6px;min-height:104px;border:1px solid var(--line-soft);border-radius:6px;background:var(--surface);white-space:normal}.start-preset:hover:not(:disabled){border-color:var(--input-line);background:var(--hover)}.start-preset-shape{width:44px;height:40px;display:grid;place-items:center;flex:none}.start-preset-shape>span{display:block;border:1.5px solid var(--muted);border-radius:2px;background:var(--surface2)}.start-preset:hover .start-preset-shape>span{border-color:var(--accent)}.start-preset-more>.icon{width:44px;height:40px;padding:11px;color:var(--muted);flex:none}.start-preset-name{font-size:12px;text-align:center;line-height:1.3}.start-preset-size{font-size:10.5px;color:var(--muted);text-align:center}.start-drop{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:30px;flex:none}#empty .start-drop .drop-hint{display:inline-flex;align-items:center;gap:6px;margin:0}#empty .start-drop small{margin:0}.no-document .ruler,.no-document .ruler-origin{visibility:hidden}.start-recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.start-recent-item{display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:6px;border:1px solid var(--line-soft);border-radius:6px;background:var(--surface);text-align:left;white-space:normal}.start-recent-item:hover{border-color:var(--input-line)}.start-recent-thumb{height:100px;display:grid;place-items:center;border-radius:3px;background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0 / 10px 10px;color:var(--muted);overflow:hidden}.start-recent-thumb:not(:has(img)){background:var(--surface2)}.start-recent-thumb img{max-width:100%;max-height:100%;object-fit:contain;display:block}.start-recent-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-recent-where{font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glyphs-panel{--glyph-size: 30px;padding:8px;display:grid;gap:6px;align-content:start;font-size:11px;max-height:70vh;grid-template-rows:auto auto auto auto minmax(0,1fr) auto}.gl-font,.gl-head{display:flex;gap:6px;align-items:center}.gl-font select,.gl-head select{flex:1;min-width:0}.gl-head input[type=range]{width:80px}.gl-label{color:var(--muted)}.gl-recent{display:flex;flex-wrap:wrap;gap:2px;min-height:26px;align-items:center}.gl-recent .gl-cell{width:26px;height:26px;font-size:16px}.gl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--glyph-size),1fr));gap:1px;overflow:auto;min-height:120px;max-height:50vh;background:var(--line-soft);border:1px solid var(--line-soft)}.gl-cell{min-height:0;height:var(--glyph-size);padding:0;border:0;border-radius:0;background:var(--input);color:var(--text);font-size:calc(var(--glyph-size) * .6);line-height:1;display:grid;place-items:center;font-family:inherit;font-weight:inherit;font-style:inherit}.gl-cell:hover,.gl-cell:focus-visible{background:var(--accent-fill);color:var(--accent-text);outline:none}.gl-info{color:var(--muted);min-height:14px;font-variant-numeric:tabular-nums}.text-styles-panel{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:160px;max-height:60vh;font-size:12px}.ts-list{overflow:auto;padding:4px 0}.ts-row{display:flex;align-items:center;gap:6px;padding:4px 10px;cursor:default;white-space:nowrap}.ts-row:hover{background:var(--hover)}.ts-row[aria-selected=true]{background:var(--row-selected)}.ts-row:first-child .ts-name{color:var(--muted)}.ts-row[aria-selected=true]:first-child .ts-name{color:inherit}.ts-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.ts-override{font-weight:700}.ts-footer{display:flex;align-items:center;gap:2px;padding:3px 6px;border-top:1px solid var(--line);background:var(--panel-tab)}.ts-note{flex:1;color:var(--muted);font-size:11px}.shapes-panel{padding:4px 0 8px;display:grid;gap:2px;align-content:start;max-height:70vh;overflow:auto}.sh-head{display:flex;align-items:center;gap:6px;width:100%;padding:4px 10px;border:0;border-radius:0;font-weight:600;font-size:11px;text-align:left}.sh-head:hover{background:var(--hover)}.sh-caret{width:10px;color:var(--muted)}.sh-count{margin-left:auto;color:var(--muted);font-weight:400}.sh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:3px;padding:2px 10px 6px}.sh-grid button{aspect-ratio:1;padding:5px;border:1px solid var(--line-soft);background:var(--input);color:var(--text);cursor:grab}.sh-grid button svg{width:100%;height:100%;display:block}.sh-grid button:hover{border-color:var(--accent)}.sh-grid button[aria-selected=true]{border-color:var(--accent);background:var(--selected)}.shapes-panel .hint{margin:4px 10px 0}.clone-source-panel{padding:8px 10px;display:grid;gap:8px;align-content:start;font-size:11px}.cs-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.cs-slot{position:relative;display:grid;place-items:center;height:30px;padding:0;border:1px solid var(--input-line);color:var(--muted)}.cs-slot span{position:absolute;right:3px;bottom:1px;font-size:9px}.cs-slot.set{color:var(--text)}.cs-slot.set:after{content:"";position:absolute;left:4px;top:4px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.cs-slot[aria-checked=true]{background:var(--selected);border-color:var(--accent);color:var(--text)}.cs-source{display:flex;gap:8px;align-items:baseline;margin:0;min-height:16px}.cs-source span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-point{color:var(--muted);font-variant-numeric:tabular-nums}.cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.cs-field{display:flex;align-items:center;gap:5px;color:var(--muted);min-width:0}.cs-field>span:first-child{min-width:14px}.cs-field input,.cs-field select{flex:1;min-width:0;width:100%}.cs-unit{font-size:10px;width:14px}.cs-buttons{display:flex;gap:2px;justify-content:flex-end}.cs-overlay{border:1px solid var(--line-soft);border-radius:3px;margin:0;padding:6px 8px 8px;display:grid;gap:6px}.cs-overlay legend{padding:0 4px}.cs-overlay legend label,.cs-checks label{display:inline-flex;align-items:center;gap:5px}.cs-overlay.off>:not(legend){opacity:.55}.cs-checks{display:flex;flex-wrap:wrap;gap:4px 12px}.clone-source-panel .hint{margin:0}.clone-overlay image{image-rendering:auto}.mixer-swatch{display:inline-flex;align-items:center;gap:2px;padding:2px 3px;border:1px solid var(--input-line)}.mixer-swatch span{display:block;width:18px;height:16px;border-radius:2px;box-shadow:inset 0 0 0 1px #00000059}.mixer-swatch span.empty{background:repeating-linear-gradient(135deg,transparent 0 3px,var(--muted) 3px 4px);opacity:.6}dialog.assist-studio{width:min(760px,calc(100vw - 32px))}.as-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px;padding:4px 18px 0;font-size:12px;max-height:calc(100dvh - 140px);overflow-y:auto}.as-body .ai-status{grid-column:1 / -1}.as-row{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.as-note{margin:4px 0 8px;color:var(--muted);font-size:11px;line-height:1.4}.as-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;margin:10px 0 6px;min-height:180px;padding:8px;border:1px solid var(--line-soft);border-radius:4px;background:var(--input)}.as-results button{display:grid;place-items:center;padding:4px;min-height:0;border:1px solid var(--line-soft);border-radius:4px;background:var(--surface);cursor:pointer}.as-results button canvas{display:block;max-width:100%;height:auto;border-radius:2px;background:repeating-conic-gradient(var(--checker-b) 0 25%,var(--checker-a) 0 50%) 0 0 / 12px 12px}.as-results button[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.as-empty{grid-column:1 / -1;align-self:center;margin:0;padding:40px 12px;color:var(--muted);text-align:center}@media(max-width:640px){.as-body{grid-template-columns:minmax(0,1fr)}}dialog.adj-dialog.assist-wide{width:min(560px,calc(100vw - 32px))}.assist-form{display:flex;flex-direction:column;gap:6px}.assist-section{margin:10px 0 2px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.assist-readout{margin:2px 0;font-size:12px}.assist-readout strong{font-variant-numeric:tabular-nums}.assist-note{margin:2px 0;color:var(--muted);font-size:11px;line-height:1.4}.assist-note.warn{color:#e8a33d}.assist-compare{display:flex;gap:10px;flex-wrap:wrap}.assist-compare figure{margin:0;display:flex;flex-direction:column;gap:3px}.assist-compare canvas{width:160px;max-width:100%}.assist-compare canvas,.assist-objects canvas{display:block;height:auto;border:1px solid var(--line-soft);border-radius:3px;background:repeating-conic-gradient(var(--checker-b) 0 25%,var(--checker-a) 0 50%) 0 0 / 12px 12px;image-rendering:pixelated}.assist-compare figcaption{color:var(--muted);font-size:10px;text-align:center}.assist-objects canvas{width:100%;image-rendering:auto}.assist-scale{display:flex;gap:4px;flex-wrap:wrap}.assist-scale button{min-width:44px;padding:4px 8px}.assist-scale button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.assist-row{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:8px;font-size:12px}.assist-row input[type=number]{width:80px;padding:3px 6px}.assist-generated{margin:6px 0;font-size:11px;line-height:1.45}.assist-generated q{display:block;margin-top:2px;color:var(--text);-webkit-user-select:text;user-select:text}.assist-generated small{color:var(--muted)}.var-dialog{width:520px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);overflow-y:auto}.var-dialog .var-error{color:var(--danger, #e5484d);min-height:1.2em;margin:8px 0 0}.var-dialog .var-error:empty{display:none}.var-layer-row{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:end}.var-layer-row .dialog-field{margin:0}.var-layer-row .icon-button{height:30px;min-width:28px;font-size:18px;line-height:1}.var-kind{border:1px solid var(--line-soft);border-radius:4px;padding:4px 12px 8px;margin:12px 0 0}.var-kind legend{padding:0 4px;font-size:12px;font-weight:600}.var-kind legend .checkbox-field{display:flex;gap:6px;align-items:center}.var-kind .dialog-field{margin:8px 0}.var-kind p{margin:4px 0 0;font-size:11px;line-height:1.5}.var-note{margin:12px 0 0;font-size:11px}.var-kind .checkbox-field{display:flex;font-size:12px;margin:6px 0}.var-pixel-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}.var-align{border:0;padding:0;margin:8px 0;font-size:12px}.var-align legend{font-weight:400;padding:0 0 7px}.var-align-grid{display:grid;grid-template-columns:repeat(3,18px);gap:3px}.var-align-grid label{position:relative;width:18px;height:18px}.var-align-grid input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.var-align-grid span{display:block;width:18px;height:18px;border:1px solid var(--input-line);border-radius:2px;background:var(--input)}.var-align-grid input:checked+span{background:var(--accent);border-color:var(--accent)}.var-align-grid input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}.var-align-grid input:disabled+span{opacity:.5}.ds-dialog{width:min(900px,calc(100vw - 32px));max-width:min(900px,calc(100vw - 32px))}.ds-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}.ds-toolbar button,.ds-footer button{padding:4px 10px;border:1px solid var(--input-line);border-radius:3px}.ds-spacer{flex:1}.ds-table-wrap{max-height:min(50dvh,420px);overflow:auto;border:1px solid var(--line-soft);border-radius:3px}.ds-table{border-collapse:collapse;width:100%;font-size:12px}.ds-table th,.ds-table td{border-bottom:1px solid var(--line-soft);padding:3px 4px;text-align:left;vertical-align:middle}.ds-table thead th{position:sticky;top:0;background:var(--surface);z-index:1;font-weight:600;white-space:nowrap}.ds-table thead small{display:block;font-weight:400;color:var(--muted);font-size:10px}.ds-table input[type=text],.ds-table textarea{width:100%;min-width:110px;padding:3px 6px;font:inherit;resize:vertical;min-height:24px}.ds-table th[scope=row] input{min-width:120px;font-weight:600}.ds-table input[type=checkbox]{margin:0 4px}.ds-table tr.selected>*{background:var(--row-selected)}.ds-footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px;font-size:12px}.ds-footer .checkbox-field{display:flex;margin:0}.ds-folder{font-size:12px}.ds-apply select[size]{width:100%}.ds-errors{font-size:12px;margin:0 0 8px 18px;line-height:1.6}.ds-progress{width:380px;max-width:calc(100vw - 32px)}.ds-progress progress{width:100%;height:10px}.ds-progress .ds-progress-text{margin:8px 0 0}.ds-export{width:440px;max-width:calc(100vw - 32px)}@media(max-width:600px){.var-pixel-row{grid-template-columns:1fr}}dialog.ds-dialog{margin:auto auto 16px;max-height:min(60dvh,560px);overflow-y:auto}dialog.ds-apply{width:340px;margin:auto 16px 16px auto}dialog.ds-dialog::backdrop,dialog.ds-apply::backdrop{background:transparent}.ds-table thead th:first-child{width:200px}#app.ui-scaled{grid-template-rows:auto auto minmax(0,1fr) auto}#app.ui-scaled .editor-layout{grid-template-columns:auto minmax(0,1fr) auto}#app.ui-scaled .topbar{height:30px}#app.ui-scaled .optionsbar{height:36px}#app.ui-scaled .statusbar{height:22px}#app.ui-scaled .toolbar{width:44px}#app.ui-scaled :is(.topbar,.optionsbar,.toolbar,.statusbar){zoom:var(--ui-zoom, 1)}#app.ui-scaled :is(.dock,.bottom-dock,.document-tabs,.frame-tabs){zoom:var(--ui-text-zoom, 1)}#app.narrow-options .optionsbar{height:28px;gap:4px}#app:not(.ui-scaled).narrow-options{grid-template-rows:30px 28px minmax(0,1fr) 22px}#app.narrow-options #tool-options{gap:5px}#app.narrow-options .active-tool-icon{height:22px;width:24px}#app.narrow-options .optionsbar :is(input,select,button){min-height:20px}#app.large-tabs .document-tabs{height:34px}#app.large-tabs .view-frame>.frame-tabs{height:30px}#app.large-tabs .document-tab{font-size:12px;padding:0 8px 0 12px}#app .workspace,#app .view-frames,#app .view-frame{background:var(--canvas-mode, var(--canvas))}#app[data-canvas-border=line] #stage{box-shadow:0 0 0 1px var(--image-border-line, #0009)}#app[data-canvas-border=none] #stage{box-shadow:none}#app #stage{background-size:var(--checker-period, 20px) var(--checker-period, 20px)}#overlay .guide{stroke:var(--guide-color, #00c8ff)}#overlay .guide.selected{stroke:color-mix(in srgb,var(--guide-color, #00c8ff) 60%,#0a3cff)}#app[data-guide-style=dashed] #overlay .guide{stroke-dasharray:calc(5px * var(--inv-zoom, 1)) calc(4px * var(--inv-zoom, 1))}#overlay .smart-guide,#overlay .smart-spacing{stroke:var(--smart-guide-color, #ff4fb3)}#overlay .smart-label-bg{fill:var(--smart-guide-color, #ff4fb3)}#overlay .grid-major,#overlay .grid-minor{stroke:var(--grid-color, #808080)}#app[data-grid-style=dashed] #overlay :is(.grid-major,.grid-minor){stroke-dasharray:calc(4px * var(--inv-zoom, 1)) calc(3px * var(--inv-zoom, 1))}#overlay .grid-dots{fill:var(--grid-color, #808080);opacity:.85}.slices-overlay .slice-user{stroke:var(--slice-color, #3d8bfd)}.slice-badge:not(.auto):not(.size) rect{fill:var(--slice-color, #3d8bfd)}#app.hide-slice-numbers .slice-badge:not(.size){display:none}@media(prefers-reduced-motion:no-preference){#app.panel-animations .dock-drawer:not([hidden]){animation:ps-slide-in .14s ease-out}#app.panel-animations .menu-pop,#app.panel-animations .tool-flyout,.panel-animations-root .context-menu{animation:ps-fade-in .11s ease-out}#app.panel-animations dialog[open]{animation:ps-pop-in .15s ease-out}#app.panel-animations .panel-body{transition:opacity .12s}}@keyframes ps-slide-in{0%{opacity:0;transform:translate(10px)}}@keyframes ps-fade-in{0%{opacity:0;transform:translateY(-3px)}}@keyframes ps-pop-in{0%{opacity:0;transform:scale(.97)}}.rich-tooltip{position:fixed;z-index:200;max-width:280px;padding:7px 9px;border-radius:4px;background:var(--menu);color:var(--text);border:1px solid var(--line);box-shadow:0 6px 18px #0007;font-size:11px;line-height:1.45;pointer-events:none}.rich-tooltip strong{display:flex;gap:10px;justify-content:space-between;font-weight:600;font-size:12px}.rich-tooltip kbd{color:var(--muted);font-weight:400}.rich-tooltip p{margin:3px 0 0;color:var(--muted)}.drag-readout{position:fixed;z-index:150;pointer-events:none;padding:3px 7px;border-radius:3px;background:#1b1b1bea;color:#f2f2f2;font:11px/1.35 system-ui,sans-serif;font-variant-numeric:tabular-nums;white-space:pre;box-shadow:0 2px 8px #0006}.brush-cursor-cross{fill:none;stroke:#000;stroke-width:1}.brush-cursor-cross-outer{fill:none;stroke:#fff;stroke-width:3;opacity:.8}.brush-adjust-preview{stroke:none}dialog.prefs-window{width:min(920px,calc(100vw - 32px));max-width:none;height:min(660px,calc(100dvh - 48px));padding:0;display:flex;flex-direction:column;overflow:hidden}dialog.prefs-window:not([open]){display:none}dialog.prefs-window{resize:both;min-width:min(560px,calc(100vw - 16px));min-height:min(420px,calc(100dvh - 16px));max-height:calc(100dvh - 16px)}.prefs-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line-soft)}.prefs-head h2{margin:0;font-size:16px;font-weight:600;flex:none}.prefs-search{position:relative;margin-left:auto;width:min(320px,48%)}.prefs-search svg{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.prefs-search input{width:100%;box-sizing:border-box;min-height:28px;padding-left:28px;border-radius:14px}.prefs-body{flex:1;min-height:0;display:grid;grid-template-columns:210px minmax(0,1fr)}.prefs-nav{border-right:1px solid var(--line-soft);padding:8px;overflow:auto;display:flex;flex-direction:column;gap:1px;background:var(--surface2)}.prefs-nav button{justify-content:flex-start;gap:9px;height:30px;padding:0 10px;border-radius:4px;color:var(--text)}.prefs-nav button svg{color:var(--muted)}.prefs-nav button[aria-current=page]{background:var(--row-selected)}.prefs-nav button[aria-current=page] svg{color:var(--text)}.prefs-content{overflow:auto;padding:4px 24px 24px}.prefs-content h3{font-size:16px;font-weight:600;margin:18px 0 2px}.prefs-section{margin-top:18px}.prefs-section>h4{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 4px}.prefs-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,auto);align-items:center;gap:4px 18px;padding:9px 0;border-bottom:1px solid var(--line-soft)}.prefs-row:last-child{border-bottom:0}.prefs-row.wide{grid-template-columns:minmax(0,1fr)}.prefs-label{display:flex;flex-direction:column;gap:2px;min-width:0}.prefs-label>span{font-size:12px}.prefs-label small{color:var(--muted);font-size:11px;line-height:1.45}.prefs-label .prefs-page-tag{font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.prefs-control{display:flex;align-items:center;gap:8px;justify-content:flex-end}.prefs-control select{min-width:180px;min-height:26px}.prefs-control input[type=number]{width:80px;min-height:26px}.prefs-control input[type=color]{width:44px;height:26px;padding:1px 2px}.prefs-control .unit{color:var(--muted);font-size:11px}.prefs-switch{position:relative;width:34px;height:20px;flex:none}.prefs-switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.prefs-switch span{position:absolute;inset:0;border-radius:10px;background:var(--input-line);transition:background .12s;pointer-events:none}.prefs-switch span:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .12s;box-shadow:0 1px 2px #0005}.prefs-switch input:checked+span{background:var(--accent)}.prefs-switch input:checked+span:after{transform:translate(14px)}.prefs-switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.prefs-restart{display:inline-block;margin-left:6px;padding:0 5px;border-radius:3px;font-size:10px;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text)}.prefs-notice{margin:14px 0 0;padding:8px 10px;border-radius:4px;background:color-mix(in srgb,var(--accent) 16%,transparent);font-size:11px}.prefs-empty{color:var(--muted);padding:32px 0;text-align:center}.prefs-foot{display:flex;align-items:center;gap:8px;padding:10px 18px;border-top:1px solid var(--line-soft)}.prefs-foot .spacer{flex:1}.prefs-foot button{min-height:26px;padding:2px 12px}.prefs-info{display:grid;grid-template-columns:auto 1fr;gap:3px 16px;margin:0;font-size:11px}.prefs-info dt{color:var(--muted)}.prefs-info dd{margin:0;font-variant-numeric:tabular-nums}.prefs-meter{height:6px;border-radius:3px;background:var(--input-line);overflow:hidden;margin-top:8px;grid-column:1 / -1}.prefs-meter span{display:block;height:100%;background:var(--accent)}.prefs-checker-preview{width:64px;height:26px;border:1px solid var(--input-line);border-radius:3px}@media(max-width:680px){.prefs-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.prefs-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line-soft)}.prefs-nav button span{white-space:nowrap}.prefs-row{grid-template-columns:minmax(0,1fr)}.prefs-control{justify-content:flex-start}}#app{--canvas-mode: var(--canvas-mode-0)}#app[data-screen-mode="1"]{--canvas-mode: var(--canvas-mode-1)}#app[data-screen-mode="2"]{--canvas-mode: var(--canvas-mode-2)}:root.highlight-custom[data-theme=light]{--row-selected: var(--row-selected-light) !important}@media(prefers-color-scheme:light){:root.highlight-custom[data-theme=system]{--row-selected: var(--row-selected-light) !important}}.dock-drop-target{box-shadow:inset 0 0 0 2px var(--accent)!important;background:color-mix(in srgb,var(--accent) 18%,var(--chrome))!important}#screen-overlay .brush-adjust-label{fill:#fff;stroke:#000a;stroke-width:3px;paint-order:stroke;font:600 11px system-ui,sans-serif}.prefs-row:has(.prefs-control :disabled) .prefs-label{opacity:.5}.prefs-control :disabled,.prefs-control :disabled+span{opacity:.45}.versions-panel{display:flex;flex-direction:column;min-height:120px}.versions-head{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--line-soft)}.versions-head .muted{margin-left:auto;color:var(--muted);font-size:11px}.versions-banner{display:flex;align-items:center;gap:6px;padding:6px 8px;background:color-mix(in srgb,var(--accent) 22%,transparent);font-size:11px}.versions-banner span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.versions-list{display:flex;flex-direction:column;overflow:auto;max-height:420px}.version-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 8px;border-bottom:1px solid var(--line-soft)}.version-row:hover{background:var(--hover)}.version-row.previewing{background:var(--row-selected)}.version-thumb{width:56px;height:42px;padding:0;border:1px solid var(--line-soft);background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0 / 8px 8px;overflow:hidden}.version-thumb img{width:100%;height:100%;object-fit:contain;display:block}.version-meta{display:flex;flex-direction:column;min-width:0;gap:2px}.version-meta strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-meta small{color:var(--muted);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-actions{display:flex;gap:1px;opacity:.55}.version-row:hover .version-actions,.version-row:focus-within .version-actions,.version-row.previewing .version-actions{opacity:1}.versions-empty{color:var(--muted);padding:16px 12px;font-size:11px;line-height:1.5;margin:0}dialog:has(.recovery-dialog){width:520px}.recovery-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow:auto;margin-bottom:16px}.recovery-item{display:grid;grid-template-columns:auto 64px minmax(0,1fr);align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line-soft);border-radius:4px}.recovery-thumb{width:64px;height:48px;border:1px solid var(--line-soft);background:repeating-conic-gradient(var(--checker-a) 0 25%,var(--checker-b) 0 50%) 0 0 / 8px 8px}.recovery-thumb img{width:100%;height:100%;object-fit:contain;display:block}.recovery-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.recovery-meta small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}