.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:100}.dialog{position:relative;min-width:320px;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:16px;box-shadow:0 8px 32px #0006}.dialog__close{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;font-size:12px;line-height:1;color:var(--text-muted, #999);background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer}.dialog__close:hover{color:var(--text);background:var(--surface, rgba(255, 255, 255, .06));border-color:var(--border)}.dialog__title{margin:0 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.04em}.dialog__body{display:flex;flex-direction:column;gap:10px}.filter-gallery__preview{display:flex;align-items:center;justify-content:center;background:var(--dialog-bg);border:1px solid var(--border);border-radius:4px;min-height:120px;padding:8px}.filter-gallery__preview canvas{max-width:100%;max-height:220px;image-rendering:auto}.dialog__field{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.dialog__field select,.dialog__field input{flex:1;max-width:200px;background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 6px}.dialog__warning{margin-top:12px;padding:6px 10px;font-size:12px;border-radius:4px;background:#dca02826;color:#e0b040;border:1px solid rgba(220,160,40,.4)}.dialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.curves-dialog{display:flex;flex-direction:column;gap:12px;min-width:300px}.curves-dialog__bar{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.curves-dialog__field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-muted, #9a9a9a)}.curves-dialog__field select{font:inherit;font-size:12px}.curves-dialog__seg{display:inline-flex;border:1px solid var(--border);border-radius:5px;overflow:hidden}.curves-dialog__seg button{padding:5px 12px;background:var(--field, #1b1b1b);color:var(--text);border:none;border-right:1px solid var(--border);font:inherit;font-size:12px;cursor:pointer}.curves-dialog__seg button:last-child{border-right:none}.curves-dialog__seg button.is-on{background:var(--accent);color:#fff}.curves-dialog__foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.curves-dialog__readout{display:flex;gap:16px;font-size:12px;color:var(--text-muted, #9a9a9a);font-variant-numeric:tabular-nums}.curves-dialog__readout b{color:var(--text);font-weight:650}.curves-dialog__reset{padding:5px 12px;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:4px;font:inherit;cursor:pointer}.curves-dialog__reset:hover{background:var(--surface)}.curves-dialog__auto{padding:5px 12px;background:var(--field, #1b1b1b);color:var(--text);border:1px solid var(--border);border-radius:5px;font:inherit;font-size:12px;cursor:pointer}.curves-dialog__auto:hover{background:var(--surface);border-color:var(--border-2, #484848)}.curves-dialog__autowrap{position:relative;display:inline-flex}.curves-dialog__autoopts{padding:5px 8px;background:var(--field, #1b1b1b);color:var(--text);border:1px solid var(--border);border-left:none;border-radius:0 5px 5px 0;font:inherit;font-size:10px;cursor:pointer}.curves-dialog__auto{border-radius:5px 0 0 5px}.curves-dialog__autoopts:hover{background:var(--surface)}.curves-dialog__automenu{position:absolute;top:100%;right:0;margin-top:4px;z-index:10;min-width:240px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;gap:6px}.curves-dialog__automenu-title{font-size:11px;color:var(--text-muted, #9a9a9a);text-transform:uppercase;letter-spacing:.05em}.curves-dialog__automenu-row{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text);cursor:pointer}.curves-dialog__automenu-clip{display:flex;gap:8px;margin-top:4px}.curves-dialog__automenu-clip label{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--text-muted, #9a9a9a)}.curves-dialog__automenu-clip input{width:52px}.curves-dialog__sample{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted, #9a9a9a)}.curves-dialog__eyedrop{width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--field, #1b1b1b);border:1px solid var(--border);border-radius:4px;cursor:pointer}.curves-dialog__eyedrop:hover{border-color:var(--border-2, #484848)}.curves-dialog__eyedrop.is-armed{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.curves-dialog__eyedrop-sw{width:14px;height:14px;border-radius:2px;border:1px solid var(--border)}.curves-dialog__sample-hint{color:var(--accent)}.curves-dialog__samplesize{margin-left:6px}.curves-dialog__samplesize select{font:inherit;font-size:11px}.curves-open-dialog{margin-top:8px;width:100%;padding:6px 10px;background:var(--field, #1b1b1b);color:var(--text);border:1px solid var(--border);border-radius:5px;font:inherit;font-size:12px;cursor:pointer;text-align:center}.curves-open-dialog:hover{background:var(--surface);border-color:var(--border-2, #484848)}.levels-dialog{display:flex;flex-direction:column;gap:10px;min-width:320px}.levels-dialog__bar{display:flex;align-items:end;justify-content:space-between;gap:12px}.levels-dialog__field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-muted, #9a9a9a)}.levels-dialog__field select{font:inherit;font-size:12px}.levels-dialog__auto{height:26px;padding:0 12px;background:var(--field, #1b1b1b);color:var(--text);border:1px solid var(--border);border-radius:5px;font:inherit;font-size:12px;cursor:pointer}.levels-dialog__auto:hover{background:var(--surface);border-color:var(--border-2, #484848)}.levels-dialog__hist{width:100%;height:96px;display:block;background:var(--field, #1b1b1b);border:1px solid var(--border);border-radius:5px}.levels-dialog__mark{stroke:var(--accent);stroke-width:1;opacity:.7;vector-effect:non-scaling-stroke}.levels-dialog__mark--black,.levels-dialog__mark--white{stroke:var(--text);opacity:.85}.levels-dialog__mark--gamma{stroke:var(--accent);opacity:.85}.levels-dialog__mark-hit{fill:transparent;cursor:ew-resize}.levels-dialog__sample{display:flex;align-items:center;gap:6px}.levels-dialog__eyedrop{width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--field, #1b1b1b);border:1px solid var(--border);border-radius:4px;cursor:pointer}.levels-dialog__eyedrop:hover{border-color:var(--border-2, #484848)}.levels-dialog__eyedrop.is-armed{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.levels-dialog__eyedrop-sw{width:14px;height:14px;border-radius:2px;border:1px solid var(--border)}.levels-dialog__samplesize select{font:inherit;font-size:11px}.levels-dialog__group-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #9a9a9a);margin-top:2px}.levels-dialog__foot{display:flex;justify-content:flex-end;margin-top:2px}.levels-dialog__reset{padding:5px 12px;background:var(--field, #1b1b1b);color:var(--text);border:1px solid var(--border);border-radius:5px;font:inherit;font-size:12px;cursor:pointer}.levels-dialog__reset:hover{background:var(--surface)}.huesat-dialog{display:flex;flex-direction:column;gap:10px;min-width:320px}.huesat-dialog__bar{display:flex;align-items:end;justify-content:space-between;gap:12px}.huesat-dialog__field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-muted, #9a9a9a)}.huesat-dialog__field select{font:inherit;font-size:12px}.huesat-dialog__field select:disabled{opacity:.5}.huesat-dialog__colorize{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text)}.huesat-dialog__foot{display:flex;justify-content:flex-end;margin-top:2px}.huesat-dialog__reset{padding:5px 12px;background:var(--field, #1b1b1b);color:var(--text);border:1px solid var(--border);border-radius:5px;font:inherit;font-size:12px;cursor:pointer}.huesat-dialog__reset:hover{background:var(--surface)}.layer-style-presets{display:flex;gap:8px;align-items:center;padding:10px 0 0;margin-top:6px;border-top:1px solid var(--border)}.layer-style-presets__save{padding:5px 12px;font:inherit;font-size:12px;background:var(--field, #1b1b1b);color:var(--text);border:1px solid var(--border);border-radius:5px;cursor:pointer}.layer-style-presets__save:hover{background:var(--surface);border-color:var(--border-2, #484848)}.layer-style-presets__apply{font:inherit;font-size:12px}.layer-style-dialog{display:flex;gap:14px;min-width:600px;max-width:92vw}.layer-style-dialog__rail{flex:0 0 190px;display:flex;flex-direction:column;gap:1px;max-height:62vh;overflow-y:auto;padding-right:12px;border-right:1px solid var(--border)}.lsd-rail__row,.lsd-rail__name{flex:1;min-width:0;text-align:left;padding:6px 8px;background:transparent;color:var(--text);border:none;border-radius:4px;font:inherit;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lsd-rail__blend{font-weight:600;margin-bottom:4px}.lsd-rail__effect{display:flex;align-items:center;gap:6px;border-radius:4px;padding-left:6px}.lsd-rail__row:hover,.lsd-rail__name:hover{background:var(--surface)}.lsd-rail__row--active,.lsd-rail__row--active .lsd-rail__name,.lsd-rail__row.lsd-rail__blend.lsd-rail__row--active{background:var(--accent);color:#fff}.lsd-rail__effect.lsd-rail__row--active{background:var(--accent)}.lsd-rail__effect.lsd-rail__row--active .lsd-rail__name{background:transparent;color:#fff}.layer-style-dialog__pane{flex:1 1 auto;min-width:300px;max-width:340px;display:flex;flex-direction:column;gap:8px;max-height:62vh;overflow-y:auto}.lsd-pane__title{margin:0 0 4px;font-size:13px;color:var(--text)}.dialog__actions button{padding:6px 14px;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:4px;cursor:pointer}.dialog__actions .dialog__primary{background:var(--accent);border-color:var(--accent);color:#fff}.dialog__hint{margin:0;font-size:12px;color:var(--muted, #999)}.dialog-overlay--passthrough{background:transparent;pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:16px}.dialog-overlay--passthrough .dialog{pointer-events:auto}.refine-edge-readout{min-width:2.5em;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted, #999)}.anchor-grid{display:grid;grid-template-columns:repeat(3,20px);grid-template-rows:repeat(3,20px);gap:2px}.anchor-cell{width:20px;height:20px;background:var(--surface-raised);border:1px solid var(--border);border-radius:3px;cursor:pointer;padding:0}.anchor-cell--active{background:var(--accent);border-color:var(--accent)}.color-range-swatch{display:inline-block;width:32px;height:20px;border:1px solid var(--border);border-radius:4px;background-image:linear-gradient(45deg,#555 25%,transparent 25%),linear-gradient(-45deg,#555 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#555 75%),linear-gradient(-45deg,transparent 75%,#555 75%);background-size:8px 8px}.color-range-modes{display:inline-flex;gap:4px}.color-range-modes button{padding:2px 8px;font-size:12px;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--text);cursor:pointer}.color-range-modes button.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent)}.color-range-samples{display:inline-flex;flex-wrap:wrap;gap:4px}.color-range-swatch--subtract{outline:2px solid var(--high, #f0616d);outline-offset:-2px}.gradient-editor{min-width:320px}.gradient-editor__bar{height:28px;border:1px solid var(--border);border-radius:4px}.gradient-editor__canvas{position:relative;margin:6px 0 4px}.gradient-editor__stops{position:relative;height:18px;cursor:copy;touch-action:none}.gradient-editor__stops--top{margin-bottom:2px}.gradient-editor__stops--bottom{margin-top:2px}.grad-num{position:relative;display:inline-flex;align-items:center;gap:2px}.grad-num__input{width:52px}.grad-num__caret{height:22px;width:16px;padding:0;font-size:9px;line-height:1;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:3px;cursor:pointer}.grad-num__caret:hover{border-color:var(--accent)}.grad-num__pop{position:fixed;z-index:3000;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #00000059}.grad-num__pop input[type=range]{width:140px;display:block}.gradient-editor__stop{position:absolute;top:2px;width:14px;height:14px;transform:translate(-50%);border:1px solid #fff;box-shadow:0 0 0 1px var(--border);border-radius:50%;cursor:grab;touch-action:none;padding:0}.gradient-editor__stop:active{cursor:grabbing}.gradient-editor__mid{position:absolute;top:5px;width:8px;height:8px;transform:translate(-50%) rotate(45deg);background:var(--panel);border:1px solid var(--text-muted, #888);cursor:ew-resize;padding:0;touch-action:none}.gradient-editor__mid:hover{border-color:var(--accent)}.gradient-editor__stop--active{outline:2px solid var(--accent);outline-offset:1px}.gradient-editor__num{width:56px}.gradient-editor__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gradient-editor__row .dialog__field{flex:1 1 auto}.dialog__button{padding:4px 10px;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:12px}.dialog__button:disabled{opacity:.4;cursor:default}.gradient-editor__presets{display:grid;grid-template-columns:repeat(7,1fr);gap:8px 6px;align-items:center}.gradient-editor__presets>.dialog__button{grid-column:1 / -1;justify-self:start}.gradient-editor__preset{position:relative;display:flex}.gradient-editor__preset-swatch{width:100%;height:22px;border:1px solid var(--border);border-radius:4px;cursor:pointer;padding:0}.gradient-editor__preset-delete{position:absolute;top:-6px;right:-6px;width:14px;height:14px;line-height:12px;font-size:9px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--panel);color:var(--text);cursor:pointer}.gradient-editor__patterns{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.gradient-editor__pattern-swatch{width:32px;height:32px;border:1px solid var(--border);border-radius:4px;cursor:pointer;padding:0;background-size:cover;background-position:center}.gradient-editor__pattern-swatch--active{outline:2px solid var(--accent);outline-offset:1px}.shortcuts-dialog{min-width:380px}.shortcuts-dialog__body{max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.shortcuts-group__title{margin:0 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted, #999)}.shortcuts-list{list-style:none;margin:0;padding:0}.shortcuts-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:3px 0;font-size:13px}.shortcuts-row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shortcuts-row__combo{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;color:var(--muted, #999)}.shortcuts-row__capturing{color:var(--accent);font-style:italic}.shortcuts-row__unbound{opacity:.5}.shortcuts-row__conflict{color:#e0a000;cursor:help}.shortcuts-row__combo-reserved{opacity:.5;text-decoration:line-through}.shortcuts-row__reserved{font-size:10px;font-weight:600;letter-spacing:.02em;padding:1px 6px;border-radius:999px;color:#e0a000;background:color-mix(in srgb,#e0a000 16%,transparent);cursor:help;white-space:nowrap}.shortcuts-row__actions{display:inline-flex;gap:6px}.save-web__preview{display:block;margin:0 auto 8px;max-width:300px;max-height:300px;border:1px solid var(--border);border-radius:4px;background:#fff}.blendif-bar-wrap{padding:12px 8px 14px}.blendif-bar{position:relative;height:16px;border:1px solid var(--border);border-radius:3px}.blendif-handle{position:absolute;width:12px;height:9px;padding:0;border:none;background:var(--text, #ddd);transform:translate(-50%);cursor:ew-resize;box-sizing:border-box}.blendif-handle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.blendif-handle--outer{bottom:-11px;clip-path:polygon(50% 0,100% 100%,0 100%)}.blendif-handle--inner{top:-11px;background:var(--muted, #999);clip-path:polygon(50% 100%,100% 0,0 0)}.preferences-dialog{display:flex;flex-direction:column;gap:14px;min-width:260px}.preferences-row{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:8px 14px;min-height:30px;font-size:13px}.preferences-row__label{color:var(--text-muted, #9aa0a6)}.preferences-row__select,.preferences-row input[type=number],.preferences-row input[type=text]{width:100%;max-width:230px;height:28px;padding:2px 8px;font-size:13px;color:var(--text, #eee);background:var(--surface-raised, #2a2a2a);border:1px solid var(--border, #444);border-radius:5px}.preferences-row__select:focus-visible,.preferences-row input:focus-visible{outline:2px solid var(--accent, #3b82f6);outline-offset:1px}.preferences-row--check{cursor:pointer}.preferences-row--check input[type=checkbox]{justify-self:start;width:16px;height:16px;accent-color:var(--accent, #3b82f6)}.newdoc{display:flex;flex-direction:column;gap:12px;width:760px;max-width:92vw}.newdoc__tabs{display:flex;flex-wrap:wrap;gap:3px}.newdoc__tab{flex:1 1 auto;min-width:72px;padding:6px 10px;font-size:12px;white-space:nowrap;background:var(--surface, #2a2a2a);color:var(--text-muted, #aaa);border:1px solid var(--border, #444);border-radius:4px;cursor:pointer}.newdoc__tab:hover{color:var(--text, #eee)}.newdoc__tab--active{background:var(--panel, #333);color:var(--text, #eee);border-color:var(--accent, #3b82f6)}.newdoc__body{display:flex;gap:16px;align-items:stretch;min-height:414px}.newdoc__body--custom{justify-content:center}.newdoc__grid{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px;align-content:start;max-height:400px;overflow-y:auto;padding:6px;border:1px solid var(--border, #444);border-radius:6px}.newdoc__card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;cursor:pointer;text-align:center;min-width:0;background:transparent;color:var(--text, #eee);border:1px solid transparent;border-radius:6px}.newdoc__card:hover{background:var(--surface, #2a2a2a);border-color:var(--border, #444)}.newdoc__card--active{background:var(--panel, #333);border-color:var(--accent, #3b82f6)}.newdoc__thumb-box{display:flex;align-items:center;justify-content:center;width:56px;height:56px}.newdoc__thumb{display:block;background:var(--surface-raised, #565b63);border:1px solid var(--text-muted, #9aa0a6);border-radius:1px}.newdoc__card-name{font-size:11.5px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.newdoc__card-size{font-size:10.5px;color:var(--text-muted, #999)}.newdoc__form{flex:0 0 300px;display:flex;flex-direction:column;gap:10px}.newdoc__body--custom .newdoc__form{flex:0 1 460px}.newdoc__field{display:flex;align-items:center;gap:10px;font-size:13px}.newdoc__label{flex:0 0 84px;color:var(--text, #eee)}.newdoc__field>input,.newdoc__field>select{flex:1 1 auto;min-width:0;background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 6px}.newdoc__suffix{flex:0 0 auto;color:var(--text-muted, #999);font-size:12px}.newdoc__dims{display:flex;gap:8px}.newdoc__num{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:12px}.newdoc__num>span{color:var(--text-muted, #aaa)}.newdoc__num input,.newdoc__num select{width:100%;min-width:0;background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 6px}.newdoc__num--unit{flex:0 0 64px}.newdoc__inline{display:flex;align-items:center;gap:12px}.newdoc__swap{padding:5px 10px;font-size:12px;cursor:pointer;white-space:nowrap;background:var(--surface, #2a2a2a);color:var(--text, #eee);border:1px solid var(--border, #444);border-radius:4px}.newdoc__swap:hover{border-color:var(--accent, #3b82f6)}.newdoc__check{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text, #eee)}.newdoc__bgcolor input[type=color]{flex:0 0 auto;width:40px;height:28px;padding:0;border:1px solid var(--border, #444);border-radius:4px;background:none;cursor:pointer}.newdoc__hex{flex:1 1 auto;min-width:0}.newdoc__advanced{border:1px solid var(--border, #444);border-radius:4px;padding:6px 8px}.newdoc__advanced summary{cursor:pointer;font-size:12px;color:var(--text-muted, #aaa)}.newdoc__advanced .newdoc__field{margin-top:8px}.newdoc__note{margin:8px 0 0;font-size:11px;opacity:.75}.prefs{display:flex;gap:18px;min-width:500px}.prefs__nav{flex:0 0 148px;display:flex;flex-direction:column;gap:2px;padding-right:12px;border-right:1px solid var(--border)}.prefs__cat{position:relative;text-align:left;padding:8px 12px;font-size:13px;font-weight:500;line-height:1.2;color:var(--text-muted, #9aa0a6);background:transparent;border:0;border-radius:6px;cursor:pointer}.prefs__cat:hover{background:var(--surface, #2a2a2a);color:var(--text, #eee)}.prefs__cat--active{color:var(--text, #fff);font-weight:600;background:var(--surface, #2a2a2a);background:color-mix(in srgb,var(--accent, #3b82f6) 15%,transparent)}.prefs__cat--active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 2px 2px 0;background:var(--accent, #3b82f6)}.prefs__cat:focus-visible{outline:2px solid var(--accent, #3b82f6);outline-offset:1px}.prefs__panel{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:14px;min-height:250px}.preferences-panels{margin:0;padding:10px 14px 12px;border:1px solid var(--border, #444);border-radius:8px;min-width:0}.preferences-panels legend{padding:0 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint, #7a7f87)}.preferences-panels__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px 18px}.preferences-panels__item{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;color:var(--text, #eee);cursor:pointer}.preferences-panels__item input{flex:0 0 auto}.preferences-panels__item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.variations{min-width:420px}.variations__controls{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.variations__ranges{display:flex;gap:12px;border:1px solid var(--border, #3a3a3a);border-radius:4px;padding:6px 10px;margin:0}.variations__ranges legend{font-size:11px;color:var(--text-muted, #9a9a9a);padding:0 4px}.variations__radio{display:inline-flex;align-items:center;gap:4px;font-size:12px}.variations__amount{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted, #9a9a9a)}.variations__stage{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}.variations__refs{display:flex;flex-direction:column;gap:10px}.variations__ring{display:grid;grid-template-columns:repeat(3,auto);gap:6px}.variations__lightcol{display:flex;flex-direction:column;gap:6px}.variations__thumb{display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;background:none;border:none}.variations__thumb--btn{cursor:pointer}.variations__thumb--empty{visibility:hidden}.variations__canvas{width:64px;height:64px;image-rendering:pixelated;border:1px solid var(--border, #3a3a3a);border-radius:3px;background:var(--panel, #2a2a2a)}.variations__thumb--btn:hover .variations__canvas{border-color:var(--accent, #4a90d9)}.variations__caption{font-size:10px;color:var(--text-muted, #9a9a9a);white-space:nowrap}.themed-select__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;box-sizing:border-box;min-width:0;padding:2px 6px;background:var(--field);color:var(--text);border:1px solid var(--border);border-radius:3px;font:inherit;font-size:12px;line-height:1.4;cursor:pointer;text-align:left}.themed-select__trigger:hover:not(:disabled){border-color:var(--accent)}.themed-select__trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.themed-select__trigger:disabled{opacity:.5;cursor:default}.themed-select__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.themed-select__caret{flex:0 0 auto;font-size:9px;line-height:1;color:var(--text-muted)}.themed-select__list{margin:2px 0;padding:3px;list-style:none;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:4px;box-shadow:0 6px 20px #00000073;overflow-y:auto;overflow-x:hidden;z-index:4000;scrollbar-width:thin;scrollbar-color:var(--surface-2) transparent}.themed-select__list::-webkit-scrollbar{width:8px}.themed-select__list::-webkit-scrollbar-track{background:transparent}.themed-select__list::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:4px}.themed-select__option{padding:4px 8px;border-radius:3px;font-size:12px;line-height:1.4;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.themed-select__option--selected{color:var(--text);font-weight:600}.themed-select__option--active{background:var(--surface)}.themed-select__option--active.themed-select__option--selected,.themed-select__option[aria-selected=true].themed-select__option--active{background:var(--accent);color:#fff}.brush-defaults{margin-top:8px}.brush-defaults__heading,.brush-preview__heading,.brush-section__heading{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, var(--text));margin:8px 0 4px}.brush-section{margin-top:4px;border-top:1px solid var(--border);padding-top:4px}.brush-defaults__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.brush-defaults__item{min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 4px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:3px;cursor:pointer}.brush-defaults__item:hover{border-color:var(--accent)}.brush-preset-thumb{display:block;width:100%;height:30px;background:#f2f2f2;border-radius:2px}.brush-preset-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--text-muted)}.brush-presets__item{position:relative;display:flex}.brush-presets__item .brush-defaults__item{flex:1}.brush-presets__delete{position:absolute;top:2px;right:2px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0;font-size:11px;line-height:1;color:var(--text-muted);background:var(--panel-2);border:1px solid var(--border);border-radius:3px;cursor:pointer}.brush-presets__delete:hover{color:var(--text);border-color:var(--accent)}.brush-tip-row{display:flex;align-items:flex-start;gap:8px}.brush-tip-row .brush-tip-picker{flex:1;min-width:0}.brush-tipmark{flex:0 0 auto;width:80px;height:80px;background:#f2f2f2;border:1px solid var(--border);border-radius:3px}.brush-tabs{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:6px}.brush-tab{flex:1 1 28%;min-width:0;padding:3px 4px;font-size:11px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--surface, #2a2a2a);color:var(--text-muted);border:1px solid var(--border);border-radius:3px;cursor:pointer}.brush-tab:hover{color:var(--text)}.brush-tab--active{background:var(--panel);color:var(--text);border-color:var(--accent)}.brush-tabpanel[hidden]{display:none}.brush-tabpanel>.brush-section:first-child{border-top:none;margin-top:0;padding-top:0}.brush-preview{margin-top:8px}.brush-preview__canvas{display:block;width:100%;max-width:100%;height:120px;border:1px solid var(--border);border-radius:3px;background:#f4f4f4}.brush-tip-picker{display:grid;grid-template-columns:repeat(auto-fill,34px);gap:5px}.brush-tip-picker__item{width:34px;height:34px;padding:2px;display:inline-flex;align-items:center;justify-content:center;background:var(--field);border:1px solid var(--border);border-radius:4px;cursor:pointer}.brush-tip-picker__item:hover{border-color:var(--text-faint)}.brush-tip-picker__item--active,.brush-tip-picker__item--active:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.brush-tip-picker__item:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.brush-tip-picker__thumb{width:26px;height:26px;display:block;border-radius:2px}.brush-preview-footer{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.brush-preview-footer__row{display:flex;align-items:center;gap:8px;margin-top:4px}.brush-preview-footer__stroke{flex:1;min-width:0}.brush-preview-footer .brush-preview{margin-top:0}.recovery-prompt{position:fixed;top:96px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:16px;padding:10px 16px;border:1px solid var(--border, #3a3a3a);border-radius:6px;background:var(--recovery-bg, #262626);color:var(--recovery-text, #e6e6e6);box-shadow:0 6px 20px #00000073;font-size:13px}.recovery-prompt__message{white-space:nowrap}.recovery-prompt__actions{display:flex;gap:8px}.recovery-prompt__button{padding:4px 12px;border:1px solid var(--recovery-btn-border, #4a4a4a);border-radius:4px;background:var(--surface, #333);color:var(--recovery-text, #e6e6e6);cursor:pointer;font-size:12px}.recovery-prompt__button:hover{background:var(--recovery-btn-hover, #3d3d3d)}.recovery-prompt__button--primary{border-color:var(--recovery-accent, #2d6cdf);background:var(--recovery-accent, #2d6cdf);color:#fff}.recovery-prompt__button--primary:hover{background:var(--recovery-accent-hover, #3a78e6)}.recovery-prompt__button--danger{border-color:var(--danger, #c0392b);background:var(--danger, #c0392b);color:#fff}.recovery-prompt__button--danger:hover{background:var(--danger-hover, #d0483a)}.pwa-toast{position:fixed;right:16px;bottom:16px;z-index:1000;display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-raised, #2a2a2a);color:var(--text, #eee);border:1px solid var(--border, #444);border-radius:6px;box-shadow:0 4px 16px #0006;font-size:13px}.pwa-toast__msg{white-space:nowrap}.pwa-toast__btn{padding:4px 12px;background:var(--accent, #3b82f6);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.toast-stack{position:fixed;right:16px;bottom:64px;z-index:1100;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 32px))}.toast{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--surface-raised, #2a2a2a);color:var(--text, #eee);border:1px solid var(--border, #444);border-radius:6px;box-shadow:0 4px 16px #0006;font-size:13px;line-height:1.4;animation:toast-in .16s ease-out}.toast:before{content:"";flex:0 0 auto;width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--accent, #3b82f6)}.toast--error:before{background:#ef4444}.toast--success:before{background:#22c55e}.toast--info:before{background:var(--accent, #3b82f6)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}.toast__msg{flex:1 1 auto;word-break:break-word}.toast__close{flex:0 0 auto;margin:-2px -2px 0 0;padding:0 4px;background:transparent;color:var(--text-muted, #aaa);border:none;border-radius:4px;font-size:16px;line-height:1.2;cursor:pointer}.toast__close:hover{color:var(--text, #eee)}.busy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:#00000059;animation:busy-scrim-in .12s ease-out}.busy-overlay__box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 28px;min-width:140px;background:var(--surface-raised, #2a2a2a);color:var(--text, #eee);border:1px solid var(--border, #444);border-radius:10px;box-shadow:0 8px 32px #00000073}.busy-overlay__spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--border, #444);border-top-color:var(--accent, #3b82f6);animation:busy-spin .8s linear infinite}.busy-overlay__label{font-size:13px;line-height:1.3;color:var(--text-muted, #aaa);text-align:center;max-width:240px;word-break:break-word}@keyframes busy-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes busy-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.busy-overlay{animation:none}.busy-overlay__spinner{animation:none;border-color:var(--accent, #3b82f6)}}.app-shell{display:grid;grid-template-rows:auto auto auto 1fr auto auto;grid-template-columns:minmax(0,1fr);height:100%}.tab-bar{display:flex;align-items:stretch;gap:1px;height:30px;background:var(--bg-deep);border-bottom:1px solid var(--border);overflow-x:auto}.doc-tab{display:flex;align-items:center;gap:6px;padding:0 8px 0 12px;max-width:200px;background:var(--panel);border:none;border-right:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;font-size:12px;text-align:left;-webkit-user-select:none;user-select:none}.doc-tab:focus-visible{outline:1px solid var(--text);outline-offset:-2px}.doc-tab:hover{background:var(--surface)}.doc-tab--active{background:var(--bg-canvas);color:var(--text);border-bottom:1px solid var(--bg-canvas)}.doc-tab__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-tab__close{display:flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;padding:0;background:transparent;color:inherit;border:1px solid transparent;border-radius:3px;cursor:pointer;font-size:14px;line-height:1}.doc-tab__close:hover{border-color:var(--border);background:var(--surface-2)}.options-bar{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;height:32px;padding:0 8px;background:var(--panel);border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden}.options-bar::-webkit-scrollbar{height:6px}.options-bar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.options-bar::-webkit-scrollbar-track{background:transparent}.options-group{display:flex;align-items:center;gap:8px}.options-group--view{margin-left:auto}.options-segment{display:flex;gap:1px}.options-button{height:22px;padding:0 10px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:3px;cursor:pointer;font-size:12px;line-height:1}.options-button:hover{border-color:var(--accent)}.options-button--icon{display:inline-flex;align-items:center;justify-content:center;width:24px;padding:0}.options-button--icon svg{width:16px;height:16px}.options-button:disabled{opacity:.45;cursor:default}.options-button--active{background:var(--accent);color:#fff;border-color:var(--accent)}.options-field{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text)}.options-number{width:52px;height:22px;background:var(--field);color:var(--text);border:1px solid var(--border);border-radius:3px;font-size:12px}.options-segment--transform{gap:10px}.options-segment--transform .options-number{width:56px}.options-segment--brush{gap:10px}.brush-tip-flyout{position:relative}.brush-tip-flyout__btn{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 6px;background:var(--field);color:var(--text);border:1px solid var(--border);border-radius:3px;cursor:pointer;font-size:12px}.brush-tip-flyout__btn:hover{border-color:var(--accent)}.brush-tip-flyout__dot{width:12px;height:12px;border-radius:50%;background:var(--text)}.brush-tip-flyout__size{min-width:22px;text-align:right;font-variant-numeric:tabular-nums}.brush-tip-flyout__caret{color:var(--text-muted, #888);font-size:9px}.brush-tip-flyout__pop{position:fixed;z-index:1200;width:260px;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--panel);border:1px solid var(--border-2, var(--border));border-radius:8px;box-shadow:0 8px 28px #00000059}.brush-tip-flyout__row{display:grid;grid-template-columns:64px 1fr 52px;align-items:center;gap:8px;font-size:12px;color:var(--text)}.brush-tip-flyout__row input[type=range]{width:100%;accent-color:var(--accent)}.brush-tip-flyout__row input[type=number]{width:52px;height:22px;background:var(--field);color:var(--text);border:1px solid var(--border);border-radius:3px;font-size:12px}.brush-tip-flyout__import{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text)}.brush-shape-widget{align-self:center;touch-action:none;cursor:pointer}.brush-shape-widget__ring{fill:none;stroke:var(--border-2, var(--border));stroke-width:1}.brush-shape-widget__ellipse{fill:color-mix(in srgb,var(--accent) 22%,transparent);stroke:var(--accent);stroke-width:1.5}.brush-shape-widget__axis{stroke:var(--accent);stroke-width:1.5}.brush-shape-widget__handle{fill:var(--accent);stroke:#fff;stroke-width:1}.options-color{width:28px;height:22px;padding:0;background:var(--field);border:1px solid var(--border);border-radius:3px;cursor:pointer}.options-range{width:96px;accent-color:var(--accent)}.options-readout{min-width:34px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-dim, var(--text))}.options-slider{position:relative}.options-slider__label{color:var(--text)}.options-slider__caret{height:22px;width:18px;padding:0;font-size:9px;line-height:1;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:3px;cursor:pointer}.options-slider__caret:hover{border-color:var(--accent)}.options-slider__pop{position:fixed;z-index:120;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #00000059}.options-slider__pop .options-range{width:140px;display:block}.gradient-picker{position:relative;display:inline-flex;align-items:center;gap:3px}.gradient-swatch{height:22px;width:76px;padding:0;border:1px solid var(--border);border-radius:3px;cursor:pointer}.grad-checker{background-color:#fff;background-repeat:no-repeat,repeat,repeat,repeat,repeat;background-size:100% 100%,12px 12px,12px 12px,12px 12px,12px 12px;background-position:0 0,0 0,0 6px,6px -6px,-6px 0}.gradient-swatch:hover{border-color:var(--accent)}.gradient-picker__caret{height:22px;width:18px;padding:0;font-size:9px;line-height:1;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:3px;cursor:pointer}.gradient-picker__caret:hover{border-color:var(--accent)}.gradient-presets-pop{position:fixed;z-index:120;padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #00000059}.gradient-presets-grid{display:grid;grid-template-columns:repeat(6,44px);gap:5px}.gradient-preset-cell{height:22px;width:44px;padding:0;border:1px solid var(--border);border-radius:3px;cursor:pointer}.gradient-preset-cell:hover{border-color:var(--accent);outline:1px solid var(--accent)}.options-select{height:22px;background:var(--field);color:var(--text);border:1px solid var(--border);border-radius:3px}.options-file{max-width:140px;font-size:11px;color:var(--text)}.options-check{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--text-dim, var(--text));white-space:nowrap}.options-hint{font-size:11px;font-style:italic;color:var(--text-dim, var(--text))}.options-segment--empty{opacity:.85}.options-segment--shape{gap:12px}.options-segment--shape .options-check{margin-left:2px}.app-shell input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;background:transparent;cursor:pointer}.app-shell input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--surface)}.app-shell input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);box-shadow:0 0 0 1px var(--border)}.app-shell input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--surface)}.app-shell input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);box-shadow:0 0 0 1px var(--border)}.app-shell input[type=range]:focus-visible{outline:none}.app-shell input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--border),0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}.app-shell input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px var(--border),0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}.app-shell input[type=checkbox]{accent-color:var(--accent)}.app-shell input[type=number]{background:var(--field);color:var(--text);border:1px solid var(--border);border-radius:3px}.app-shell input[type=number]:hover{border-color:var(--text-faint)}.app-shell input[type=number]:focus{outline:none;border-color:var(--accent)}.app-shell input[type=number]:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.app-shell select{background:var(--field);color:var(--text);border:1px solid var(--border);border-radius:3px}.app-shell select:hover{border-color:var(--text-faint)}.app-shell select:focus{outline:none;border-color:var(--accent)}.app-shell select:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.app-shell input[type=color]:not(.tool-color){padding:0;background:var(--field);border:1px solid var(--border);border-radius:3px;cursor:pointer}.app-shell input[type=color]:not(.tool-color):hover{border-color:var(--text-faint)}.app-shell input[type=color]:not(.tool-color):focus{outline:none;border-color:var(--accent)}.app-shell input[type=color]:not(.tool-color):focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.app-body{display:grid;grid-template-columns:39px 1fr auto;grid-template-rows:minmax(0,1fr);min-height:0}.menu-bar{display:flex;align-items:center;gap:16px;padding:0 12px;height:32px;background:var(--panel);border-bottom:1px solid var(--border);min-width:0;overflow:visible}.brand{font-weight:700;color:var(--accent);margin-left:auto;padding-left:16px}.menu-hidden-file{display:none}.tool-bar{display:flex;flex-direction:column;align-items:center;gap:0;padding:1px 2px;background:var(--panel);border-right:1px solid var(--border);min-height:0;overflow-x:hidden;overflow-y:auto}.tool-section{display:flex;flex-direction:column;align-items:center;gap:0;padding:0}.tool-slot{position:relative}.tool-button{width:35px;height:29px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text);border:1px solid transparent;border-radius:7px;cursor:pointer;transition:background 90ms ease,color 90ms ease}.tool-button svg{display:block;width:27px;height:27px}.tool-button:hover{background:var(--surface)}.tool-button:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.tool-button--active,.tool-button--active:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.tool-flyout-tri{position:absolute;right:3px;bottom:3px;width:0;height:0;padding:0;background:transparent;border:none;border-left:7px solid transparent;border-bottom:7px solid var(--text);cursor:pointer}.tool-flyout-tri:hover{border-bottom-color:var(--accent)}.tool-button--active+.tool-flyout-tri{border-bottom-color:#fff}.tool-flyout{position:fixed;z-index:120;display:flex;flex-direction:column;padding:4px;min-width:168px;background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #00000059}.tool-flyout-item{display:flex;align-items:center;gap:8px;padding:4px 8px;background:transparent;color:var(--text);border:none;border-radius:4px;cursor:pointer;white-space:nowrap;text-align:left}.tool-flyout-item:hover{background:var(--surface)}.tool-flyout-item--active{background:var(--accent);color:#fff}.tool-flyout-item__icon{display:flex}.tool-flyout-item__icon svg{width:22px;height:22px}.tool-colors{position:relative;flex:none;width:35px;height:35px;margin:5px auto 4px}.tool-color{position:absolute;width:21.7px;height:21.7px;padding:0;border:1px solid var(--border);border-radius:4px;background:transparent;cursor:pointer;box-shadow:0 1px 2px #00000040}.tool-color--fg{top:0;left:0;z-index:2}.tool-color--bg{top:13.3px;left:13.3px;z-index:1}.tool-color::-webkit-color-swatch-wrapper{padding:0}.tool-color::-webkit-color-swatch{border:none;border-radius:3px}.tool-color::-moz-color-swatch{border:none;border-radius:3px}.tool-swap{position:absolute;top:2px;right:0;width:16px;height:16px;z-index:3;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--text);cursor:pointer;opacity:.7}.tool-swap:hover{opacity:1}.tool-swap svg{width:15px;height:15px}.options-note{color:var(--text-dim, #888);font-size:12px;align-self:center}.rulers{display:grid;grid-template-columns:20px minmax(0,1fr);grid-template-rows:20px minmax(0,1fr);min-width:0;min-height:0}.rulers.rulers--hidden{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.ruler-corner{grid-column:1;grid-row:1;background:var(--ruler);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.ruler-top{grid-column:2;grid-row:1;border-bottom:1px solid var(--border);display:block}.ruler-left{grid-column:1;grid-row:2;border-right:1px solid var(--border);display:block}.ruler-canvas-cell{grid-column:2;grid-row:2;display:flex;min-width:0;min-height:0}.ruler-canvas-cell>.canvas-host{flex:1}.canvas-host{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-canvas);min-width:0;touch-action:none}.canvas-surface{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.note-edit-input{z-index:7;width:180px;padding:3px 6px;font-size:12px;color:var(--text);background:var(--panel);border:1px solid var(--accent);border-radius:4px;outline:none;box-shadow:0 4px 12px #00000059}.text-edit-overlay{z-index:6;margin:0;padding:0;border:none;outline:1px dashed var(--accent);outline-offset:0;background:transparent;resize:none;overflow:hidden;white-space:pre;min-width:2ch;caret-color:var(--text)}.transform-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.transform-overlay__box{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.transform-overlay__box polygon{fill:none;stroke:#4a90e2;stroke-width:1;stroke-dasharray:4 3}.transform-handle{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;padding:0;background:#fff;border:1px solid #4a90e2;border-radius:1px;pointer-events:auto;cursor:pointer;touch-action:none}.transform-handle--edge{border-radius:50%}.transform-overlay[data-mode=puppet]{pointer-events:auto}.transform-handle--pin{width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fc3;border:1px solid #7a5c00;pointer-events:auto}.transform-handle--mesh{width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:#33d0e2;border:1px solid #0a6b78;pointer-events:auto}.transform-rotate{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;padding:0;background:transparent;border:1px solid #4a90e2;border-radius:50%;pointer-events:auto;cursor:crosshair;touch-action:none}.canvas-empty{display:flex;align-items:center;justify-content:center;padding:24px}.canvas-empty__card{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:380px;padding:32px 40px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px #00000047;text-align:center}.canvas-empty__title{margin:0;font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.canvas-empty__tagline{margin:0 0 12px;font-size:13px;color:var(--text-muted)}.canvas-empty__actions{display:flex;gap:10px}.canvas-empty__button{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:500;line-height:1;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.canvas-empty__button:hover{border-color:var(--accent);background:var(--surface)}.canvas-empty__button--primary{background:var(--accent);border-color:var(--accent);color:#fff}.canvas-empty__button--primary:hover{background:var(--accent);border-color:var(--accent);filter:brightness(1.08)}.canvas-empty__icon{flex:0 0 auto;display:block}.canvas-empty__file{display:none}.canvas-empty__hint{display:inline-flex;align-items:center;gap:6px;margin:14px 0 0;font-size:12px;color:var(--text-faint)}.canvas-empty__hint-icon{flex:0 0 auto;display:block;opacity:.85}.panel-dock{display:flex;flex-direction:row;background:var(--panel);overflow:hidden}.panel-column{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:0;border-left:1px solid var(--border);width:276px;flex:0 0 auto}.panel-column__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none}.panel-column__scroll::-webkit-scrollbar{width:0;height:0;display:none}.panel-column__resizer{position:absolute;top:0;left:0;width:6px;height:100%;z-index:4;cursor:col-resize;touch-action:none}.panel-column__resizer:hover{background:color-mix(in srgb,var(--accent) 40%,transparent)}.panel-column--collapsed{width:34px;align-items:center;padding-top:4px;overflow-y:auto}.panel-rail{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:6px}.panel-rail__icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:14px;line-height:1;color:var(--text-muted, #9aa0a6);background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer}.panel-rail__icon:hover{color:var(--text);background:var(--surface, #2a2a2a);border-color:var(--border)}.panel-rail__icon--active,.panel-rail__icon--active:hover{color:var(--text);background:var(--surface);border-color:var(--accent)}.panel-flyout{position:fixed;z-index:50;width:268px;max-height:78vh;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #00000073}.panel-flyout__title{position:sticky;top:0;z-index:1;padding:7px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--panel-2);border-bottom:1px solid var(--border)}.panel-column__header{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;padding:4px 6px;border-bottom:1px solid var(--border)}.panel-column__collapse,.panel-column__reexpand{flex:none;width:18px;height:18px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1;color:var(--text-faint, #9aa0a6);background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer}.panel-column__reexpand{margin-top:4px}.panel-column__collapse:hover,.panel-column__reexpand:hover{color:var(--text)}.panel{border-bottom:1px solid var(--border);display:flex;flex-direction:column;flex:0 0 auto}.panel-title{flex:0 0 auto;position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:4px;margin:0;padding:7px 10px;background:var(--panel-2);border-bottom:1px solid var(--border)}.panel-title__name{flex:1;margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.panel-body{flex:0 0 auto}.panel-tabs{flex:0 0 auto;position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:2px;padding:5px 6px 0;background:var(--panel-2);border-bottom:1px solid var(--border)}.panel-tab{padding:5px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.02em;color:var(--text-faint, #9aa0a6);background:transparent;border:1px solid transparent;border-bottom:none;border-radius:4px 4px 0 0;cursor:pointer;transition:color .12s,background .12s}.panel-tab:hover{color:var(--text);background:var(--surface)}.panel-tab--active{color:var(--text);background:var(--panel);border-color:var(--border);margin-bottom:-1px;padding-bottom:6px;box-shadow:inset 0 2px 0 var(--accent)}.panel-tab--active:hover{background:var(--panel)}.panel-body select,.panel-body input[type=number]{min-height:24px;padding:2px 6px}.panel-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.properties-param,.brush-row{min-height:24px}.paths-empty{margin:0;padding:8px 10px;font-size:12px;color:var(--text-faint, #9aa0a6)}.paths-list{margin:0;padding:4px;list-style:none}.path-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;cursor:pointer}.path-row:hover{background:var(--surface)}.path-row--active{background:var(--accent);color:#fff}.path-glyph{flex:none}.path-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-kind{flex:none;font-size:11px;opacity:.7}.path-delete{flex:none;width:22px;height:22px;padding:0;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer}.path-delete:hover{border-color:var(--border)}.history-empty{margin:0;padding:8px 10px;font-size:12px;color:var(--text-faint)}.history-list{list-style:none;margin:0;padding:4px 6px;height:176px;overflow-y:auto}.history-row{display:flex;align-items:center;gap:2px}.history-source-toggle{flex:0 0 auto;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;border-radius:3px;color:var(--text-faint);cursor:pointer;opacity:0;transition:opacity .12s,color .12s,background .12s}.history-row:hover .history-source-toggle{opacity:.55}.history-source-toggle:hover{opacity:1;color:var(--text);background:var(--surface)}.history-source-toggle--on,.history-row:hover .history-source-toggle--on{opacity:1;color:var(--accent)}.history-entry{flex:1 1 auto;min-width:0;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;color:var(--text)}.history-entry:hover{background:var(--surface)}.history-entry--current{background:var(--accent);color:#fff}.history-entry--current:hover{background:var(--accent)}.layers-empty{margin:0;padding:8px 10px;font-size:12px;color:var(--text-faint)}.actions-panel{padding:4px 0}.actions-header{display:flex;gap:6px;align-items:center;padding:6px 10px}.actions-name-input{flex:1 1 auto;min-width:0;padding:3px 6px;font-size:12px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:3px}.actions-record-btn{flex:0 0 auto;padding:3px 8px;font-size:12px;cursor:pointer;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:3px}.actions-record-btn:disabled{opacity:.5;cursor:default}.actions-record-btn--recording{color:#fff;background:#c0392b;border-color:#c0392b}.actions-recording{margin:0;padding:2px 10px 6px;font-size:11px;color:var(--text-faint)}.actions-empty{margin:0;padding:8px 10px;font-size:12px;color:var(--text-faint)}.actions-list{list-style:none;margin:0;padding:4px 6px;max-height:240px;overflow-y:auto}.actions-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px;border-radius:4px;font-size:12px;color:var(--text)}.actions-row:hover{background:var(--surface)}.actions-row__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-row__count{color:var(--text-faint)}.actions-row__buttons{flex:0 0 auto;display:flex;gap:4px}.actions-row__btn{padding:1px 6px;font-size:12px;cursor:pointer;color:var(--text);background:transparent;border:1px solid var(--border);border-radius:3px}.actions-row__btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.channels-empty{margin:0;padding:8px 10px;font-size:12px;color:var(--text-faint)}.channels-panel{display:flex;flex-direction:column}.channel-rows{display:flex;flex-direction:column;padding:4px 0;border-bottom:1px solid var(--border)}.channel-row{display:flex;align-items:center;gap:8px;width:100%;padding:3px 8px;border:none;background:transparent;color:var(--text);font-size:12px;text-align:left;cursor:pointer}.channel-row:hover{background:var(--surface)}.channel-row--active{background:var(--surface-2)}.channel-row__eye{flex:none;color:var(--text-faint);opacity:.25}.channel-row__eye--on{opacity:1;color:var(--text)}.channel-row__thumb{flex:none;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--text-faint);background:var(--surface-2);border:1px solid var(--border);border-radius:2px}.channel-row__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-row__shortcut{flex:none;color:var(--text-faint);font-size:11px}.alpha-channels__list{list-style:none;margin:0;padding:4px 6px}.alpha-channel-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;font-size:12px;color:var(--text)}.alpha-channel-row:hover{background:var(--surface)}.alpha-channel-row__name{flex:1;overflow:hidden;text-overflow:ellipsis}.channels-toolbar{display:flex;gap:4px;justify-content:flex-end;padding:4px 8px;border-top:1px solid var(--border)}.channel-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:22px;padding:0;background:transparent;color:var(--text);border:1px solid transparent;border-radius:3px;cursor:pointer}.channel-icon-btn:hover:not(:disabled){border-color:var(--accent);background:var(--surface)}.channel-icon-btn:disabled{opacity:.4;cursor:default}.channel-thumbnail{width:36px;height:36px;flex:none;border:1px solid var(--border);border-radius:2px;background:var(--surface-2)}.frames-panel{display:flex;flex-direction:column;gap:6px;padding:6px 8px}.frames-empty{margin:4px 0;font-size:12px;color:var(--text-dim, #888)}.frames-create{padding:6px 8px;font-size:12px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:3px;cursor:pointer}.frames-create:hover{border-color:var(--accent)}.frames-timeline{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.frame-thumb{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:3px;background:var(--panel-2);border:2px solid var(--border);border-radius:3px;cursor:pointer;color:var(--text)}.frame-thumb:hover{border-color:var(--accent)}.frame-thumb.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.frame-thumb__canvas{width:48px;height:48px;background:var(--surface-2);border-radius:2px}.frame-thumb__meta{font-size:10px}.frames-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.frames-toolbar button{padding:3px 6px;font-size:11px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:3px;cursor:pointer}.frames-toolbar button:hover:not(:disabled){border-color:var(--accent)}.frames-toolbar button:disabled{opacity:.5;cursor:default}.frames-toolbar button.is-playing{background:var(--accent);color:#fff}.frames-field{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--text)}.frames-field input{width:52px;padding:2px 4px;font-size:11px;background:var(--field);color:var(--text);border:1px solid var(--border);border-radius:3px}.layers-panel{display:flex;flex-direction:column}.layers-list{list-style:none;margin:0;padding:4px 6px;max-height:320px;overflow-y:auto}[data-testid=dock-col-main] .layers-list{flex:1 1 auto;min-height:0;height:auto;max-height:none}[data-testid=col1-layers]{flex:1 1 auto;min-height:0}[data-testid=col1-layers] .panel-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}[data-testid=col1-layers] .layers-panel{flex:1 1 auto;min-height:0}.layer-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;cursor:grab;cursor:pointer;font-size:12px;color:var(--text)}.layer-row:hover{background:var(--surface)}.layer-row--active{background:var(--accent);color:#fff}.layer-row--active:hover{background:var(--accent)}.layer-row--dragging,.group-header--dragging{opacity:.5}.group-header--drop-target{outline:2px solid var(--accent);outline-offset:-2px}.layers-root-dropzone{padding:3px 8px;font-size:11px;color:var(--text-dim, var(--text));opacity:.6;border-bottom:1px dashed var(--border);cursor:default}.layers-root-dropzone--over{opacity:1;outline:2px solid var(--accent);outline-offset:-2px}.layer-clip-indicator{flex:none;opacity:.8}.group-header{display:flex;align-items:center;gap:8px;padding:4px 8px;font-size:12px;font-weight:600;color:var(--text);background:var(--panel-2);border-top:1px solid var(--border)}.group-header__name{flex:1}.artboard-header{background:var(--panel)}.artboard-header__icon{flex:0 0 auto;font-size:12px;line-height:1}.group-blend-mode{flex:0 0 auto;max-width:45%;font-size:11px;font-weight:400}.group-header__toggle,.group-header__ungroup,.group-header__visibility{width:22px;height:22px;flex:none;background:transparent;color:inherit;border:1px solid transparent;border-radius:3px;cursor:pointer}.layer-visibility{width:22px;height:22px;flex:none;background:transparent;color:inherit;border:1px solid transparent;border-radius:3px;cursor:pointer;font-size:12px;line-height:1}.layer-visibility:hover{border-color:var(--border)}.layer-thumbnail{width:36px;height:36px;flex:none;border:1px solid var(--border);border-radius:2px;background:var(--surface-2)}.mask-thumbnail{width:38px;height:38px;flex:none;padding:0;border:1px solid var(--border);border-radius:2px;background:var(--surface-2);cursor:pointer;line-height:0;position:relative}.mask-thumbnail canvas{width:36px;height:36px;display:block}.mask-thumbnail:hover{border-color:var(--accent)}.mask-thumbnail--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.mask-thumbnail--disabled{opacity:.5}.mask-thumbnail--disabled:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - 1px),#e04040 calc(50% - 1px),#e04040 calc(50% + 1px),transparent calc(50% + 1px))}.layer-row--dragging{opacity:.4;cursor:grabbing}.layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-lock{width:22px;height:22px;flex:none;margin-left:auto;padding:0;font-size:12px;line-height:1;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;opacity:.35}.layer-lock:hover{border-color:var(--border);opacity:.7}.layer-lock--on{opacity:1}.layer-link{width:22px;height:22px;flex:none;margin-left:auto;padding:0;font-size:12px;line-height:1;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;opacity:.28;filter:grayscale(1)}.layer-link:hover{border-color:var(--border);opacity:.6}.layer-link--on{opacity:1;filter:none}.layer-lock{margin-left:0}.layer-name-input{flex:1;min-width:0;font-size:12px;background:var(--surface-sunken);color:var(--text);border:1px solid var(--accent);border-radius:2px;padding:1px 4px}.layers-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:6px 4px;border-top:1px solid var(--border);flex:0 0 auto}.layers-toolbar button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;color:var(--text);border:1px solid transparent;border-radius:5px;cursor:pointer;padding:0}.layers-toolbar button svg{width:20px;height:20px;display:block}.layers-toolbar button:hover{background:var(--surface);border-color:var(--border)}.layers-toolbar button:disabled{opacity:.4;cursor:default}.layers-toolbar button:disabled:hover{background:transparent;border-color:transparent}.layers-toolbar__delete{margin-left:10px}.layers-toolbar__fx{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:600;font-size:14px;letter-spacing:-.5px}.layer-props{display:flex;flex-direction:column;gap:6px;padding:6px 8px;border-top:1px solid var(--border);font-size:12px}.layer-props__row{display:flex;align-items:center;gap:8px}.layer-props__row>label{flex:0 0 auto;min-width:44px}.layer-props__row input[type=range]{flex:1;min-width:0}.layer-props__row--top .layer-blend-mode{flex:1 1 auto;max-width:none}.layer-props__lock-label{flex:0 0 auto;min-width:44px;color:var(--text-muted);font-size:12px}.layer-locks{flex:0 0 auto;display:flex;gap:3px}.layer-lock-btn{flex:0 0 auto;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;background:var(--surface, #333);color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.layer-lock-btn svg{width:16px;height:16px;display:block}.layer-lock-btn:hover{border-color:var(--border);color:var(--text)}.layer-lock-btn--on{border-color:var(--accent);color:var(--accent);background:var(--panel)}.layer-lock-indicator{flex:0 0 auto;font-size:11px;opacity:.85}.layer-vector-mask-indicator{flex:0 0 auto;border:1px solid var(--border-2, #555);background:transparent;color:var(--text, #ddd);border-radius:3px;font-size:11px;line-height:1;padding:1px 3px;cursor:pointer;opacity:.8}.layer-vector-mask-indicator:hover{opacity:1}.layer-vector-mask-indicator--active{border-color:var(--accent, #4a90d9);color:var(--accent, #4a90d9);opacity:1}.layer-value{display:flex;align-items:center;gap:6px}.layer-value__label{flex:0 0 auto;min-width:44px}.layer-value__range{flex:1 1 auto;min-width:0}.layer-value__num{flex:0 0 auto;width:46px;text-align:right;background:var(--field);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:1px 4px;font-size:12px}.layer-value__num::-webkit-inner-spin-button,.layer-value__num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.layer-value__num{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.layer-value__pct{flex:0 0 auto;color:var(--text-muted)}.layers-add-adjustment{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text);border:1px solid transparent;border-radius:5px;cursor:pointer}.layers-add-adjustment:hover{background:var(--surface);border-color:var(--border)}.layers-add-adjustment svg{width:20px;height:20px;display:block}.layers-add-adjustment select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;color:transparent}.layers-add-adjustment select option{color:var(--text);background:var(--panel)}.layer-adjustment-glyph{width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:2px;background:var(--panel);color:var(--accent);font-size:13px;font-style:italic;font-weight:600}.properties-panel,.info-panel,.brush-panel,.navigator-panel,.text-properties{padding:8px 10px}.seg-control{display:inline-flex;gap:3px;flex-wrap:wrap}.seg-btn{width:27px;height:24px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--text-muted);background:var(--field);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:color .12s,background .12s,border-color .12s}.seg-btn:hover{color:var(--text);border-color:var(--text-faint)}.seg-btn--active,.seg-btn--active:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.seg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.seg-btn svg{width:16px;height:16px;display:block}.type-glyph{font-size:13px;line-height:1;font-family:Georgia,Times New Roman,serif}.type-glyph--bold{font-weight:800}.type-glyph--italic{font-style:italic;font-weight:600}.type-glyph--underline{text-decoration:underline;text-underline-offset:2px}.type-glyph--strike{text-decoration:line-through}.type-glyph--caps{font-size:11px;letter-spacing:-.06em;font-weight:700}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.icon-field{display:flex;align-items:center;gap:6px;min-height:24px}.icon-field__icon{flex:0 0 auto;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:ew-resize;touch-action:none;border-radius:4px}.icon-field__icon:hover{color:var(--text);background:var(--surface)}.icon-field__icon svg{width:16px;height:16px;display:block}.icon-field__input{flex:1 1 auto;min-width:0;min-height:24px;padding:2px 6px;background:var(--field);color:var(--text);border:1px solid var(--border);border-radius:4px;font-size:12px;font-variant-numeric:tabular-nums}.icon-field__input:hover{border-color:var(--text-faint)}.icon-field__input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.icon-field__step{flex:0 0 auto;display:flex;flex-direction:column}.icon-field__step button{width:16px;height:12px;padding:0;display:flex;align-items:center;justify-content:center;font-size:6px;line-height:1;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);cursor:pointer}.icon-field__step button:first-child{border-radius:3px 3px 0 0;border-bottom:none}.icon-field__step button:last-child{border-radius:0 0 3px 3px}.icon-field__step button:hover{color:var(--text);background:var(--surface-2)}.properties-hint{margin:0;font-size:12px;color:var(--text-faint)}.properties-params{display:flex;flex-direction:column;gap:8px}.properties-param{display:flex;align-items:center;gap:8px;font-size:12px}.mask-properties{display:flex;flex-direction:column;gap:8px;padding:6px 0 10px;border-bottom:1px solid var(--border);margin-bottom:8px}.properties-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.mask-properties__actions{display:flex;gap:8px}.mask-properties__actions button{flex:1;padding:5px 8px;font:inherit;font-size:12px;background:var(--field, #1b1b1b);color:var(--text);border:1px solid var(--border);border-radius:5px;cursor:pointer}.mask-properties__actions button:hover{background:var(--surface);border-color:var(--border-2, #484848)}.properties-info{display:flex;flex-direction:column;gap:6px;padding:4px 0}.properties-info__row{display:flex;align-items:baseline;gap:8px;font-size:12px}.properties-info__key{flex:0 0 auto;min-width:72px;color:var(--text-muted)}.properties-info__val{flex:1 1 auto;min-width:0;color:var(--text);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.properties-info .blending-options-button{margin-top:6px}.properties-param>label{flex:0 0 auto;min-width:72px}.properties-param input[type=range]{flex:1;min-width:0}.font-picker{display:flex;flex:1;min-width:0;gap:4px;align-items:center}.font-picker-input{flex:1;min-width:0;font:inherit;padding:3px 6px;background:var(--field, #1b1b1b);color:var(--text);border:1px solid var(--border);border-radius:4px}.font-picker-upload{flex:0 0 auto;width:24px;height:24px;padding:0;font-size:15px;line-height:1;background:var(--field, #1b1b1b);color:var(--text);border:1px solid var(--border);border-radius:4px;cursor:pointer}.font-picker-upload:hover{background:var(--surface);border-color:var(--border-2, #484848)}.properties-param__value{min-width:34px;text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums}.info-panel{display:flex;flex-direction:column;gap:4px;font-size:12px}.info-swatch-row{display:flex;align-items:center;gap:8px;padding-bottom:6px;margin-bottom:4px;border-bottom:1px solid var(--border)}.info-swatch{flex:0 0 auto;width:30px;height:30px;border-radius:4px;border:1px solid var(--border)}.info-swatch[data-empty=true]{background-image:linear-gradient(45deg,var(--surface) 25%,transparent 25%),linear-gradient(-45deg,var(--surface) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--surface) 75%),linear-gradient(-45deg,transparent 75%,var(--surface) 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.info-swatch__hex{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--text)}.info-grid{display:flex;gap:12px}.info-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px}.info-coords{display:flex;flex-direction:column;gap:4px;margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.info-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.info-row__label{flex:0 0 auto;color:var(--text-muted);min-width:40px}.info-row__value{flex:1;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.navigator-panel{display:flex;flex-direction:column;gap:8px;align-items:center}.navigator-thumb{border:1px solid var(--border);background:var(--bg-canvas, #2a2a2a);cursor:pointer;touch-action:none;max-width:100%}.navigator-zoom{display:flex;align-items:center;gap:8px;width:100%;font-size:12px}.navigator-zoom input[type=range]{flex:1;min-width:0}.navigator-zoom__value{min-width:44px;text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums}.histogram-panel{display:flex;flex-direction:column;gap:8px}.histogram-panel__field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-muted)}.histogram-panel__field select{font:inherit;font-size:12px}.histogram-panel__canvas{width:100%;border:1px solid var(--border);background:var(--bg-canvas, #2a2a2a);border-radius:4px}.histogram-panel__stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin:0;font-size:11px}.histogram-panel__stats>div{display:flex;justify-content:space-between;gap:8px}.histogram-panel__stats dt{color:var(--text-muted)}.histogram-panel__stats dd{margin:0;color:var(--text);font-variant-numeric:tabular-nums}.brush-panel{display:flex;flex-direction:column;gap:6px;font-size:12px}.brush-row{display:flex;align-items:center;gap:8px;width:100%}.brush-row__label{flex:0 0 72px;color:var(--text-muted)}.brush-row input[type=range]{flex:1;min-width:0}.brush-row__value{flex:0 0 auto;display:flex;align-items:center;gap:3px;color:var(--text-muted);font-variant-numeric:tabular-nums}.brush-row__unit{flex:0 0 18px;text-align:left}.brush-row__value-input{width:40px;text-align:right;color:var(--text);background:var(--surface, #2a2a2a);border:1px solid var(--border, #444);border-radius:3px;padding:1px 4px;font:inherit;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.brush-row__value-input:focus{outline:none;border-color:var(--accent, #3b82f6)}.brush-row__value-input::-webkit-outer-spin-button,.brush-row__value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.brush-tip-select{flex:1;min-width:0}.brush-check{display:flex;align-items:center;gap:6px}.text-properties{display:flex;flex-direction:column;gap:8px}.properties-param--stacked{flex-direction:column;align-items:stretch}.properties-param--curve{flex-direction:column;align-items:stretch;gap:4px}.properties-param--curve .curve-editor{max-width:200px}.grad-stops{display:flex;flex-direction:column;gap:5px}.grad-stops__preview{height:16px;border:1px solid var(--border);border-radius:3px}.grad-stops__row{display:flex;align-items:center;gap:6px}.grad-stops__row input[type=color]{width:28px;height:22px;padding:0;border:1px solid var(--border);border-radius:3px;background:none}.grad-stops__pos{width:52px;height:22px;background:var(--field);color:var(--text);border:1px solid var(--border);border-radius:3px;font-size:12px}.grad-stops__row button{width:22px;height:22px;line-height:1;border:1px solid var(--border);border-radius:3px;background:var(--panel);color:var(--text);cursor:pointer}.grad-stops__row button:disabled{opacity:.4;cursor:default}.grad-stops__add{align-self:flex-start;height:22px;padding:0 10px;font-size:12px;border:1px solid var(--border);border-radius:3px;background:var(--panel);color:var(--text);cursor:pointer}.text-properties__content{width:100%;min-height:56px;resize:vertical;box-sizing:border-box;font-family:inherit;font-size:12px}.text-properties select{flex:1;min-width:0}.text-properties input[type=color]{flex:0 0 auto;width:46px;height:22px}.shape-properties{display:flex;flex-direction:column;gap:8px}.shape-properties input[type=color]{flex:0 0 auto}.shape-nofill{display:flex;align-items:center;gap:4px;min-width:0;color:var(--text-muted)}.smart-filter-stack{display:flex;flex-direction:column;gap:12px}.smart-filter-row{display:flex;flex-direction:column;gap:6px;padding:6px 8px;border:1px solid var(--border, #333);border-radius:4px}.smart-filter-row__head{display:flex;align-items:center;gap:8px;font-size:12px}.smart-filter-row__label{flex:1;min-width:0}.smart-filter-row__toggle,.smart-filter-row__remove{flex:0 0 auto;background:transparent;border:none;color:inherit;cursor:pointer;padding:0 4px;font-size:13px}.layer-styles{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border, #333)}.layer-styles__title{margin:0;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.layer-styles__effect{display:flex;flex-direction:column;gap:6px;padding:6px 8px;border:1px solid var(--border, #333);border-radius:4px}.layer-styles__enable{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.layer-styles input[type=color]{flex:0 0 auto}.curve-editor{display:flex;justify-content:center}.curve-editor__svg{max-width:100%;height:auto;touch-action:none;-webkit-user-select:none;user-select:none}.curve-editor__bg{fill:var(--surface-raised);stroke:var(--border);stroke-width:1}.curve-editor__hist{fill:color-mix(in srgb,var(--text) 42%,transparent);stroke:color-mix(in srgb,var(--text) 55%,transparent);stroke-width:.75;pointer-events:none}.curve-editor__grid{stroke:#ffffff0f;stroke-width:1}.curve-editor__diagonal{stroke:#ffffff24;stroke-width:1;stroke-dasharray:3 3}.curve-editor__line{fill:none;stroke:#6cf;stroke-width:1.25}.curve-editor__handle{fill:#fff;stroke:#6cf;stroke-width:1.25;cursor:grab}.curve-editor__handle:hover{fill:#6cf}.color-panel{display:flex;flex-direction:column;gap:8px;padding:8px 10px}.color-fgbg{display:flex;align-items:center;gap:8px}.color-chip{width:28px;height:28px;border:1px solid var(--border);border-radius:3px;padding:0;cursor:pointer}.color-chip[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.color-swap{width:24px;height:24px;margin-left:auto;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:3px;cursor:pointer;line-height:1}.color-swap:hover{border-color:var(--accent)}.color-sv{position:relative;width:100%;height:120px;border:1px solid var(--border);border-radius:3px;overflow:hidden;touch-action:none;cursor:crosshair}.color-sv__white{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fff,#fff0)}.color-sv__black{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000,#0000)}.color-sv__thumb{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0009;pointer-events:none}.color-hue{width:100%;margin:0}.color-inputs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.color-hex,.color-rgb{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.color-hex input{width:72px}.color-rgb input{width:44px}.color-inputs input{background:var(--surface-sunken);color:var(--text);border:1px solid var(--border);border-radius:2px;padding:2px 4px;font-size:12px}.color-swatches{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.color-swatch{position:relative;display:inline-flex}.color-swatch__chip{width:18px;height:18px;border:1px solid var(--border);border-radius:3px;padding:0;cursor:pointer}.color-swatch__chip:hover{border-color:var(--accent)}.color-swatch__remove{position:absolute;top:-6px;right:-6px;width:12px;height:12px;padding:0;font-size:8px;line-height:1;background:var(--field);color:#ccc;border:1px solid var(--border);border-radius:50%;cursor:pointer;opacity:0}.color-swatch:hover .color-swatch__remove{opacity:1}.color-swatch:focus-within .color-swatch__remove{opacity:1}.color-swatch__add{width:18px;height:18px;background:var(--panel);color:var(--text);border:1px dashed var(--border);border-radius:3px;cursor:pointer;line-height:1;font-size:12px}.color-swatch__add:hover{border-color:var(--accent)}.layer-blend-mode{flex:0 0 auto;max-width:45%;font-size:12px}.status-bar{display:flex;gap:16px;padding:0 12px;height:24px;align-items:center;background:var(--panel);border-top:1px solid var(--border);font-size:12px}.status-zoom-controls{display:flex;align-items:center;gap:6px}.status-zoom{min-width:44px;text-align:center}.status-button{min-width:22px;height:18px;padding:0 6px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:3px;cursor:pointer;font-size:11px;line-height:1}.status-button:hover{border-color:var(--accent)}.ad-slot{display:flex;align-items:center;justify-content:center;height:90px;background:var(--bg-deep);border-top:1px solid var(--border);color:var(--text-faint)}.ad-slot__placeholder{font-size:12px;letter-spacing:.04em}.command-palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:#00000080;z-index:200}.command-palette{width:560px;max-width:90vw;max-height:70vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 48px #00000080;overflow:hidden}.command-palette__input{padding:12px 14px;background:var(--panel);color:var(--text);border:none;border-bottom:1px solid var(--border);font-size:15px;outline:none}.command-palette__list{list-style:none;margin:0;padding:4px;overflow-y:auto}.command-palette__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:4px;cursor:pointer;font-size:13px;color:var(--text)}.command-palette__item--active{background:var(--accent);color:#fff}.command-palette__item--disabled{opacity:.4;cursor:default}.command-palette__item-category{font-size:11px;letter-spacing:.04em;text-transform:uppercase;opacity:.7}.command-key{padding:1px 6px;border:1px solid var(--border);border-radius:4px;font-size:11px;font-variant-numeric:tabular-nums;opacity:.8}.command-palette__empty{padding:12px 10px;font-size:13px;color:var(--text-dim);text-align:center}.menu-nav{display:flex;align-items:stretch;gap:0;flex-grow:1}.menu-nav__group{position:relative}.menu-nav__group--right{margin-left:auto}.menu-nav__top{padding:0 10px;height:32px;background:transparent;color:var(--text);border:none;cursor:pointer;font:inherit}.menu-nav__top:hover,.menu-nav__top--open{background:var(--surface)}.menu-dropdown{position:absolute;top:100%;left:0;min-width:220px;margin:0;padding:4px;color:var(--text);list-style:none;background:var(--panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #00000059;z-index:100}.menu-dropdown--sub{top:-5px;left:100%;display:none}.menu-row--submenu:hover>.menu-dropdown--sub,.menu-row--submenu:focus-within>.menu-dropdown--sub,.menu-row--subopen>.menu-dropdown--sub{display:block}.menu-row{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:4px;cursor:pointer;white-space:nowrap}.menu-row:hover,.menu-row--active{background:var(--accent);color:#fff}.menu-row--disabled{opacity:.4;cursor:default}.menu-row--disabled:hover{background:transparent;color:var(--text)}.menu-row__check{width:14px;text-align:center}.menu-row__label{flex:1}.menu-row__arrow{margin-left:auto}.menu-row--submenu{position:relative}.menu-sep{height:1px;margin:4px 6px;background:var(--border);border:none;list-style:none}.canvas-drop-overlay{position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:120;display:flex;align-items:center;justify-content:center;pointer-events:none;border:2px dashed var(--accent);border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.canvas-drop-overlay__inner{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 28px;border-radius:10px;background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--text);box-shadow:0 8px 24px #00000047}.canvas-drop-overlay__icon{color:var(--accent)}.canvas-drop-overlay__label{font-size:14px;font-weight:600}.layer-context-menu{position:fixed;min-width:200px;padding:4px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #00000059;z-index:150}.layer-context-menu__item{display:block;width:100%;text-align:left;padding:5px 10px;border:none;border-radius:4px;background:transparent;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}.layer-context-menu__item:hover:not(:disabled),.layer-context-menu__item:focus-visible{background:var(--accent);color:#fff;outline:none}.layer-context-menu__item:disabled{opacity:.4;cursor:default}.layer-context-menu__sep{height:1px;margin:4px 6px;background:var(--border)}.layer-context-menu__colorlabels{display:flex;gap:5px;align-items:center;padding:4px 8px 6px}.layer-context-menu__swatch{width:15px;height:15px;border-radius:50%;border:1px solid rgba(0,0,0,.35);padding:0;cursor:pointer;flex:none}.layer-context-menu__swatch--none{background:transparent;color:var(--muted);font-size:10px;line-height:1;border-style:dashed}.layer-context-menu__swatch[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.layer-color-label{flex:none;width:8px;height:8px;border-radius:50%;margin:0 2px;border:1px solid rgba(0,0,0,.3)}:root{--bg: #1e1e1e;--panel: #2a2a2a;--border: #3a3a3a;--text: #e0e0e0;--accent: #3b82f6;--bg-canvas: #141414;--bg-deep: #101010;--ruler: #202020;--panel-2: #313131;--surface: #333;--surface-2: #444;--surface-sunken: #1c1c1c;--surface-raised: #1a1a1a;--dialog-bg: #111;--field: #1b1b1b;--text-muted: #aaa;--text-dim: #888;--text-faint: #666;--muted: #999;--recovery-bg: #262626;--recovery-text: #e6e6e6;--recovery-btn-border: #4a4a4a;--recovery-btn-hover: #3d3d3d;--recovery-accent: #2d6cdf;--recovery-accent-hover: #3a78e6;color-scheme:dark}:root[data-theme=light]{--bg: #f5f5f5;--panel: #ffffff;--border: #d0d0d0;--text: #1a1a1a;--accent: #2563eb;--bg-canvas: #e8e8e8;--bg-deep: #dcdcdc;--ruler: #ececec;--panel-2: #f0f0f0;--surface: #e6e6e6;--surface-2: #dadada;--surface-sunken: #ededed;--surface-raised: #ffffff;--dialog-bg: #ffffff;--field: #eef0f2;--text-muted: #555;--text-dim: #666;--text-faint: #888;--muted: #6b6b6b;--recovery-bg: #ffffff;--recovery-text: #1a1a1a;--recovery-btn-border: #d0d0d0;--recovery-btn-hover: #ececec;--recovery-accent: #2563eb;--recovery-accent-hover: #1d4ed8;color-scheme:light}:root[data-theme=midnight]{--bg: #0b0b0f;--panel: #15151b;--border: #2a2a33;--text: #e6e6ee;--accent: #4a8cf0;--bg-canvas: #050507;--bg-deep: #000000;--ruler: #131319;--panel-2: #1d1d25;--surface: #212129;--surface-2: #2d2d37;--surface-sunken: #0d0d12;--surface-raised: #101016;--dialog-bg: #08080c;--field: #0e0e14;--text-muted: #a6a6b4;--text-dim: #83838f;--text-faint: #616170;--muted: #9090a0;--recovery-bg: #16161d;--recovery-text: #eaeaf2;--recovery-btn-border: #33333d;--recovery-btn-hover: #22222b;--recovery-accent: #3f7fe0;--recovery-accent-hover: #4f8fee;color-scheme:dark}:root[data-theme=graphite]{--bg: #3f3f42;--panel: #4a4a4e;--border: #5c5c61;--text: #f0f0f2;--accent: #3f86ef;--bg-canvas: #37373a;--bg-deep: #2c2c2f;--ruler: #444448;--panel-2: #525257;--surface: #575760;--surface-2: #63636c;--surface-sunken: #3a3a3d;--surface-raised: #4d4d52;--dialog-bg: #45454a;--field: #37373a;--text-muted: #cfcfd3;--text-dim: #b4b4b9;--text-faint: #9a9aa0;--muted: #c0c0c5;--recovery-bg: #4a4a4e;--recovery-text: #f0f0f2;--recovery-btn-border: #5c5c61;--recovery-btn-hover: #575760;--recovery-accent: #3f86ef;--recovery-accent-hover: #5a9cf8;color-scheme:dark}:root[data-theme=highContrast]{--bg: #000000;--panel: #000000;--border: #9a9a9a;--text: #ffffff;--accent: #2e86ff;--bg-canvas: #000000;--bg-deep: #000000;--ruler: #0a0a0a;--panel-2: #0d0d0d;--surface: #1c1c1c;--surface-2: #2b2b2b;--surface-sunken: #000000;--surface-raised: #0a0a0a;--dialog-bg: #000000;--field: #0a0a0a;--text-muted: #dcdcdc;--text-dim: #c4c4c4;--text-faint: #ababab;--muted: #d0d0d0;--recovery-bg: #000000;--recovery-text: #ffffff;--recovery-btn-border: #9a9a9a;--recovery-btn-hover: #1c1c1c;--recovery-accent: #2e86ff;--recovery-accent-hover: #4f9bff;color-scheme:dark}:root[data-theme=nord]{--bg: #2e3440;--panel: #3b4252;--border: #4c566a;--text: #eceff4;--accent: #5e81ac;--bg-canvas: #272c36;--bg-deep: #21252e;--ruler: #333a47;--panel-2: #434c5e;--surface: #434c5e;--surface-2: #4c566a;--surface-sunken: #2b303b;--surface-raised: #3b4252;--dialog-bg: #2e3440;--field: #292f3a;--text-muted: #c2c9d6;--text-dim: #a6afbf;--text-faint: #8891a0;--muted: #b8c0cc;--recovery-bg: #3b4252;--recovery-text: #eceff4;--recovery-btn-border: #4c566a;--recovery-btn-hover: #434c5e;--recovery-accent: #5e81ac;--recovery-accent-hover: #6f92bd;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;user-select:none;-webkit-user-select:none}html,#root,.app-shell{user-select:none;-webkit-user-select:none}input,textarea,[contenteditable=true],[contenteditable=""],[data-selectable]{user-select:text;-webkit-user-select:text}*{scrollbar-width:thin;scrollbar-color:var(--surface-2) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}