:root{--bg:#1d1e20;--panel:#292a2e;--panel-2:#232428;--border:#3a3b40;--text:#d8d9dc;--text-dim:#97989d;--disabled:#5c5d63;--accent:#4f8cff;--accent-muted:#31415f;--hover:#35363b;--floating-radius:8px;--canvas-overlay-light:#ffffffdb;--canvas-overlay-dark:#000000b8;--canvas-guide:#3de0ff;--canvas-guide-drag:#9df0ff;--canvas-smart-guide:#ff4fd8;--canvas-sampler:#49d8ff;--canvas-ruler-bg:#1e1f22eb;--canvas-ruler-text:var(--text-dim);--canvas-ruler-tick:var(--disabled);--canvas-label-bg:#18191ce6;--canvas-label-text:#f3f4f7;--canvas-grid:#787e8a52;--canvas-pixel-grid:#ffffff24;--dock-font-size:11px;--dock-font-size-small:10px;--dock-row-height:22px;--dock-control-height:22px;--dock-icon-button-size:22px;--dock-pad-x:8px;--dock-pad-y:6px;--dock-gap:5px;--dock-thumb-width:38px;--dock-thumb-height:28px}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;font:13px/1.4 -apple-system,Segoe UI,system-ui,sans-serif}#app{flex-direction:column;height:100vh;display:flex}#app.screen-mode-menubar .right-col,#app.screen-mode-menubar .tab-bar,#app.screen-mode-menubar .statusbar,#app.screen-mode-fullscreen .right-col,#app.screen-mode-fullscreen .tab-bar,#app.screen-mode-fullscreen .statusbar,#app.screen-mode-fullscreen .menubar,#app.screen-mode-fullscreen .optionsbar,#app.home-mode .optionsbar,#app.home-mode .toolbar,#app.home-mode .right-col{display:none}#app.arrange-2up .tab-bar{grid-template-columns:repeat(2,minmax(0,1fr));height:auto;display:grid}#app.arrange-grid .tab-bar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));height:auto;display:grid}.menubar{background:var(--panel-2);border-bottom:1px solid var(--border);align-items:stretch;height:30px;padding:0 6px;display:flex}.menu{position:relative}.menubar-flex{flex:1;min-width:0}.menubar-menus-end{flex:none;align-items:center;gap:8px;margin-left:8px;display:flex}@media (max-width:820px){.menubar-flex{display:none}.menubar-menus-end{z-index:1;height:var(--mobile-menubar-height);background:var(--panel-2);border-left:1px solid var(--border);align-self:flex-end;margin-left:auto;padding:0 6px;position:sticky;right:0}}.menu-btn{height:100%;color:var(--text);font:inherit;cursor:default;background:0 0;border:none;padding:0 12px}.menu.open .menu-btn,.menu-btn:hover{background:var(--hover)}.menu-drop{background:var(--panel);border:1px solid var(--border);border-radius:0 0 var(--floating-radius) var(--floating-radius);z-index:100;min-width:210px;padding:4px 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000073}.menu.open>.menu-drop{display:block}.menu-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:default;background:0 0;border:none;justify-content:space-between;gap:24px;padding:5px 14px;display:flex}.menu-item:hover:not(:disabled){background:var(--accent);color:#fff}.menu-item:disabled{color:var(--disabled)}.menu-shortcut{color:var(--text-dim)}.menu-left{align-items:center;gap:8px;min-width:0;display:flex}.menu-mark{color:currentColor;flex:none;width:9px;font-size:10px;line-height:1}.menu-icon{color:currentColor;flex:none;width:17px;height:17px}.menu-icon svg{width:17px;height:17px;display:block}.menu-submenu{position:relative}.menu-submenu>.submenu-drop{border-radius:0 var(--floating-radius) var(--floating-radius) var(--floating-radius);top:-5px;left:100%}.menu-submenu:hover>.submenu-drop,.menu-submenu:focus-within>.submenu-drop{display:block}.menu-submenu.disabled>.submenu-drop{display:none}.context-menu{z-index:300;background:var(--panel);border:1px solid var(--border);border-radius:var(--floating-radius);min-width:220px;padding:4px 0;position:fixed;box-shadow:0 8px 24px #00000073}.context-menu .menu-item{justify-content:space-between;gap:24px;width:100%;display:flex}.brush-popover{flex-direction:column;gap:8px;padding:10px 12px;display:flex}.popover-row{color:var(--text-dim);align-items:center;gap:8px;font-size:12px;display:flex}.popover-row input{accent-color:var(--accent);flex:1}.popover-row span{text-align:right;min-width:30px;color:var(--text)}.context-sep{background:var(--border);height:1px;margin:4px 0}.menu-item:hover:not(:disabled) .menu-shortcut{color:#dce7ff}.note-popover{z-index:330;background:var(--panel);border:1px solid var(--border);border-radius:var(--floating-radius);width:240px;padding:8px;position:fixed;box-shadow:0 10px 28px #00000073}.note-popover-header,.note-popover-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.note-popover-header{color:var(--text);margin-bottom:7px;font-weight:650}.note-popover textarea{resize:vertical;background:var(--panel-2);width:100%;min-height:96px;color:var(--text);border:1px solid var(--border);-webkit-user-select:text;user-select:text;border-radius:5px;padding:7px 8px;font:13px/1.35 -apple-system,Segoe UI,system-ui,sans-serif;display:block}.note-popover textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}.note-popover-footer{justify-content:flex-end;margin-top:8px}.note-popover button{background:var(--panel-2);height:24px;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:3px 9px}.note-popover button:hover{background:var(--hover)}.note-popover .note-popover-delete{color:#ffb2b2;margin-right:auto}.optionsbar{background:var(--panel-2);border-bottom:1px solid var(--border);height:38px;color:var(--text-dim);align-items:center;gap:8px;padding:0 12px;display:flex;overflow:hidden}.optionsbar .tool-name{min-width:52px;color:var(--text);text-transform:capitalize;flex:none;font-weight:600}.ai-badge{border:1px solid var(--accent);background:var(--accent-muted);color:#dce7ff;letter-spacing:.04em;vertical-align:middle;border-radius:4px;justify-content:center;align-items:center;min-width:18px;height:14px;margin-inline-start:4px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.optionsbar label{white-space:nowrap;align-items:center;gap:7px;display:flex}.optionsbar input[type=range]{width:110px;accent-color:var(--accent)}.optionsbar span[data-v]{min-width:42px;color:var(--text)}.optionsbar input[type=color]{border:1px solid var(--border);background:0 0;border-radius:4px;width:30px;height:22px;padding:0}.tab-bar{background:var(--bg);border-bottom:1px solid var(--border);align-items:flex-end;gap:2px;height:28px;padding:0 8px;display:flex}.doc-tab{background:var(--panel-2);color:var(--text-dim);border:1px solid var(--border);font:inherit;cursor:default;border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:8px;padding:4px 12px;font-size:12px;display:flex}.doc-tab.active{background:var(--panel);color:var(--text)}.doc-tab-close{color:var(--text-dim);padding:0 2px}.doc-tab-close:hover{color:#fff}.doc-tab-new{padding:4px 8px}.main{flex:1;min-height:0;display:flex}.toolbar{background:var(--panel-2);border-right:1px solid var(--border);flex-direction:column;gap:4px;width:46px;padding:8px 6px;display:flex}.tool-btn{width:34px;height:34px;color:var(--text);cursor:default;background:0 0;border:1px solid #0000;border-radius:6px;font:600 13px/1 inherit}.tool-btn:hover:not(:disabled){background:var(--hover)}.tool-btn.active{background:var(--accent-muted);border-color:var(--accent);color:#cfe0ff}.tool-btn:disabled{color:var(--disabled)}.tool-btn{position:relative}.subtool-mark{border-left:5px solid #0000;border-bottom:5px solid var(--text-dim);width:0;height:0;position:absolute;bottom:2px;right:2px}.color-chips{width:34px;height:34px;margin-top:8px;position:relative}.toolbar-bottom{flex-direction:column;gap:4px;margin-top:auto;display:flex}.quick-mask-toggle.active{color:#ffdbe0;background:#5b2633;border-color:#ff6b7d}.chip{cursor:default;border:1px solid #888;border-radius:3px;width:20px;height:20px;padding:0;position:absolute}.chip-bg{bottom:2px;right:2px}.chip-fg{z-index:1;top:2px;left:2px}.color-chip-action{z-index:3;width:14px;height:14px;color:var(--text-dim);cursor:default;background:0 0;border:0;padding:0;position:absolute}.color-chip-action:hover{color:var(--text)}.color-swap{top:-3px;right:-2px}.color-swap svg{display:block}.color-default{bottom:-2px;left:-2px}.color-default-bg,.color-default-fg{box-sizing:border-box;border:1px solid #8c8c8c;border-radius:1px;width:9px;height:9px;position:absolute}.color-default-bg{background:#fff;top:0;right:0}.color-default-fg{z-index:1;background:#000;bottom:0;left:0}.viewport{flex:1;min-width:0;position:relative;overflow:hidden}.viewport-canvas{width:100%;height:100%;display:block}.overlay-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.start-screen{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--text);background:#06080c9e;position:fixed;inset:0;overflow:auto}.start-screen[hidden]{display:none}.start-screen-shell{place-items:center;min-height:100%;padding:44px 34px;display:grid}.start-screen-surface{background:linear-gradient(180deg, #4f8cff0f, transparent 30%), var(--panel,#1b1e25);border:1px solid var(--border,#2b2f38);border-radius:14px;flex-direction:column;gap:26px;width:min(920px,100%);padding:34px 34px 30px;display:flex;position:relative;box-shadow:0 24px 70px #00000080}.start-close{width:30px;height:30px;color:var(--text-dim,#8b93a1);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;font-size:18px;display:grid;position:absolute;top:14px;right:14px}.start-close:hover{background:var(--hover,#ffffff0f);color:var(--text,#e6e9ee)}.start-hero{text-align:left;justify-content:center;align-items:center;gap:18px;display:flex}.start-mark{background:url(/logo-mark.svg) 50%/contain no-repeat;flex:none;width:58px;height:58px}.start-hero h1{color:#f2f4f8;letter-spacing:-.02em;margin:0;font-size:34px;font-weight:720;line-height:1}.start-hero h1 .fresco{color:#0000;background-image:linear-gradient(105deg,#8ab4ff 0%,#b98ad8 55%,#f3ac5e 100%);-webkit-background-clip:text;background-clip:text}.start-hero p{color:var(--text-dim);margin:8px 0 0;font-size:14px}.start-actions{justify-content:center;gap:10px;display:flex}.start-action{border:1px solid var(--border);background:var(--panel);min-width:116px;height:36px;color:var(--text);font:inherit;cursor:default;border-radius:7px;padding:0 18px;font-weight:650}.start-action:hover{background:var(--hover)}.start-action.primary{background:var(--accent);color:#fff;border-color:#5b98ff}.start-action.primary:hover{background:#68a0ff}.start-content{grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);align-items:start;gap:28px;display:grid}.start-section{min-width:0}.start-section-head{align-items:center;min-height:28px;margin-bottom:10px;display:flex}.start-section h2{color:#eef0f5;text-transform:uppercase;letter-spacing:0;margin:0;font-size:13px;font-weight:720}.start-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.start-preset{border:1px solid var(--border);min-height:72px;color:var(--text);font:inherit;text-align:left;cursor:default;background:#232428e0;border-radius:8px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;padding:11px 12px;display:grid}.start-preset:hover,.start-recent-row:hover:not(:disabled){background:#31415fd1;border-color:#4f8cffb8}.start-preset-thumb{background:#17181b;border:1px solid #ffffff14;border-radius:6px;place-items:center;width:46px;height:42px;display:grid}.start-preset-shape{background:linear-gradient(160deg,#f7f8fb 0%,#cbd6e8 100%);border:1px solid #fff6;border-radius:2px;width:min(34px,80%);max-height:30px;display:block}.start-preset-text,.start-recent-text{flex-direction:column;gap:3px;min-width:0;display:flex}.start-preset-label,.start-recent-name{color:#f1f2f5;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:650;overflow:hidden}.start-preset-detail,.start-recent-meta,.start-empty{color:var(--text-dim);font-size:12px}.start-recent-list{flex-direction:column;gap:8px;display:flex}.start-recent-row{border:1px solid var(--border);min-height:58px;color:var(--text);font:inherit;text-align:left;cursor:default;background:#232428ad;border-radius:8px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:11px;padding:9px 11px;display:grid}.start-recent-row:disabled{color:var(--disabled);opacity:.58}.start-recent-badge{color:#cbd6e8;background:#17181b;border:1px solid #ffffff1a;border-radius:6px;place-items:center;width:38px;height:30px;font-size:10px;font-weight:760;display:grid}.start-empty{border:1px dashed var(--border);background:#2324287a;border-radius:8px;place-items:center;min-height:58px;display:grid}@media (max-width:900px){.start-screen-shell{align-items:start;padding:28px 18px}.start-content{grid-template-columns:1fr}}@media (max-width:620px){.start-hero{text-align:center;flex-direction:column}.start-hero h1{font-size:28px}.start-actions,.start-preset-grid{grid-template-columns:1fr}.start-actions{display:grid}.start-action{width:100%}}.optionsbar .hint{color:var(--text-dim)}.optionsbar input[type=number]{background:var(--panel);width:56px;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:3px 6px}.optionsbar input[type=text].ob-text-input{background:var(--panel);width:120px;height:24px;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:3px 6px}.optionsbar select{background:var(--panel);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:3px 6px}.optionsbar button{background:var(--panel);max-width:170px;height:24px;color:var(--text);border:1px solid var(--border);font:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:default;border-radius:4px;padding:3px 9px;overflow:hidden}.optionsbar button:hover{background:var(--hover)}.optionsbar .ob-field{white-space:nowrap;flex:none;align-items:center;gap:5px;height:24px;display:inline-flex}.optionsbar .ob-label{color:var(--text-dim);font-weight:600}.optionsbar .ob-scrub-label{cursor:ew-resize}.optionsbar .is-scrubbing .ob-scrub-label{color:var(--text)}.optionsbar .ob-number-box{background:var(--panel);border:1px solid var(--border);border-radius:4px;align-items:center;height:24px;display:inline-flex;overflow:hidden}.optionsbar input.ob-number-input{width:44px;height:22px;color:var(--text);font:inherit;background:0 0;border:0;padding:2px 4px 2px 6px}.optionsbar input.ob-number-input::-webkit-inner-spin-button{margin:0}.optionsbar input.ob-number-input::-webkit-outer-spin-button{margin:0}.optionsbar .ob-unit{min-width:0;color:var(--text-dim);padding-right:4px;font-size:12px}.optionsbar button.ob-chevron{border:0;border-left:1px solid var(--border);width:18px;max-width:none;height:22px;color:var(--text-dim);background:0 0;border-radius:0;padding:0}.optionsbar .ob-select{max-width:168px;height:24px;padding:2px 22px 2px 7px}.optionsbar .ob-checkbox-field{color:var(--text);gap:5px}.optionsbar .ob-checkbox-field input{accent-color:var(--accent)}.optionsbar button.ob-icon-toggle{border-radius:4px;width:25px;max-width:none;height:25px;padding:0}.optionsbar button.ob-icon-toggle.active,.optionsbar .ob-segmented button.active{background:var(--accent-muted);border-color:var(--accent);color:#dce7ff}.optionsbar .ob-segmented{flex:none;align-items:center;display:inline-flex}.optionsbar .ob-segmented button{border-radius:0;max-width:none;height:24px;margin-left:-1px;padding:3px 9px}.optionsbar .ob-segmented button:first-child{border-radius:4px 0 0 4px;margin-left:0}.optionsbar .ob-segmented button:last-child{border-radius:0 4px 4px 0}.optionsbar .ob-swatch-wrap{display:inline-flex;position:relative}.optionsbar .ob-swatch-wrap input[type=color]{display:none}.optionsbar button.ob-swatch{border-radius:3px;width:28px;max-width:none;height:22px;padding:0;box-shadow:inset 0 0 0 1px #ffffff1f}.optionsbar button.ob-preset-picker{justify-content:space-between;align-items:center;gap:8px;min-width:90px;max-width:160px;padding:3px 7px;display:inline-flex}.optionsbar .ob-preset-thumb{text-overflow:ellipsis;overflow:hidden}.optionsbar .ob-preset-chevron{color:var(--text-dim)}.options-popover{z-index:320}.options-popover.ob-number-popover{min-width:220px}.options-popover.options-preset-popover{width:min(420px,100vw - 24px);padding:6px}.options-preset-grid{max-width:420px}.options-popover .popover-row{padding:2px 0}.right-col{background:var(--panel-2);width:auto;min-width:0;font-size:var(--dock-font-size);flex-direction:row;flex:none;display:flex;overflow:visible}.history-panel{border-bottom:1px solid var(--border);flex-direction:column;max-height:190px;display:flex}.history-list{font-size:var(--dock-font-size);flex:1;margin:0;padding:2px 0;list-style:none;overflow-y:auto}.history-row{min-height:var(--dock-row-height);padding:2px var(--dock-pad-x);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-row:hover{background:var(--hover)}.history-row.current{background:var(--accent-muted)}.history-row.undone{color:var(--disabled)}.actions-panel{border-bottom:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.actions-head{padding:5px var(--dock-pad-x);border-bottom:1px solid var(--border);gap:4px;display:flex}.actions-head select{background:var(--panel-2);min-width:0;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;flex:1;padding:2px 5px}.actions-flyout{width:24px;height:var(--dock-control-height);background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;cursor:default;border-radius:4px}.actions-list,.action-steps{font-size:var(--dock-font-size);margin:0;padding:2px 0;list-style:none;overflow-y:auto}.actions-list{border-bottom:1px solid var(--border);max-height:92px}.action-row,.action-step{min-height:var(--dock-row-height);align-items:center;gap:var(--dock-gap);color:var(--text);display:flex}.action-step.unreplayable{opacity:.45}.action-step.unreplayable .action-step-op{font-style:italic}.action-row{padding:2px var(--dock-pad-x) 2px 14px}.action-row:hover,.action-step:hover{background:var(--hover)}.action-row.active{background:var(--accent-muted)}.action-row.recording .action-row-name:before{content:"";background:#ff5b5b;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.action-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.action-row-count{min-width:18px;color:var(--text-dim);text-align:right}.action-steps{flex:1;min-height:72px}.action-step{align-items:flex-start;padding:2px 5px;position:relative}.action-step.disabled{color:#666870}.action-step.error{outline-offset:-1px;background:#ff5b5b2e;outline:1px solid #ff5b5ba6}.action-step.drop-before:before,.action-step.drop-after:after{content:"";background:var(--accent);height:2px;position:absolute;left:6px;right:6px}.action-step.drop-before:before{top:0}.action-step.drop-after:after{bottom:0}.action-step-grip{width:10px;color:var(--text-dim);text-align:center;line-height:18px}.action-step input[type=checkbox]{accent-color:var(--accent);margin:3px 0 0}.action-step-details{flex:1;min-width:0}.action-step-details summary{cursor:default;align-items:baseline;gap:6px;min-height:18px;list-style:none;display:flex}.action-step-details summary::-webkit-details-marker{display:none}.action-step-details summary:before{content:"▸";color:var(--text-dim);flex:0 0 9px}.action-step-details[open] summary:before{content:"▾"}.action-step-op,.action-step-summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.action-step-op{flex:0 auto;max-width:120px;font-weight:500}.action-step-summary{color:var(--text-dim);flex:1}.action-step-details pre{background:var(--panel-2);border:1px solid var(--border);max-height:110px;color:var(--text-dim);-webkit-user-select:text;user-select:text;border-radius:4px;margin:3px 0 3px 15px;padding:4px;font:10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.action-step-delete{width:20px;height:20px;color:var(--text-dim);font:inherit;cursor:default;background:0 0;border:1px solid #0000;border-radius:4px;flex:0 0 20px;margin-top:1px}.action-step-delete:hover{color:var(--text);border-color:var(--border);background:var(--panel-2)}.actions-controls button[data-act=record]{color:#ff7b7b}.actions-panel.recording .actions-controls button[data-act=record]{color:#fff;background:#5a282b;border-color:#9b4147}.layers-panel{flex-direction:column;flex:1;min-height:0;display:flex}.panel-title{padding:5px var(--dock-pad-x);font-weight:600;font-size:var(--dock-font-size);border-bottom:1px solid var(--border)}.layer-props{gap:var(--dock-gap);padding:var(--dock-pad-y) var(--dock-pad-x);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.lock-row,.clone-flips{align-items:center;gap:3px;display:flex}.lock-row button,.clone-flips button{min-width:var(--dock-icon-button-size);height:var(--dock-control-height);background:var(--panel);color:var(--text-dim);border:1px solid var(--border);font:inherit;font-size:var(--dock-font-size-small);cursor:default;border-radius:3px;padding:0 5px}.lock-row button.active,.clone-flips button.active{background:var(--accent-muted);border-color:var(--accent);color:#cfe0ff}.layer-props select{background:var(--panel);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:2px 5px}.props-row{gap:var(--dock-gap);align-items:center;display:flex}.props-row .blend{flex:1}.layer-value-control{color:var(--text-dim);font-size:var(--dock-font-size-small);flex:0 0 108px;align-items:center;gap:5px;display:flex}.layer-value-label{white-space:nowrap;cursor:ew-resize;line-height:1}.layer-value-input{width:34px;height:var(--dock-control-height);border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:var(--dock-font-size-small);text-align:right;border-radius:3px;padding:0 4px}.layer-value-input:disabled{color:var(--text-dim)}.layer-value-percent{margin-left:-2px}.layer-value-chevron{width:18px;height:var(--dock-control-height);border:1px solid var(--border);background:var(--panel);color:var(--text-dim);cursor:default;border-radius:3px;padding:0;font-size:11px;line-height:1}.layer-value-popover .popover-row{padding:2px 0}.layer-lock-group{min-width:0;color:var(--text-dim);font-size:var(--dock-font-size-small);flex:1;align-items:center;gap:4px;display:flex;overflow:hidden}.lock-btn{width:24px;height:var(--dock-control-height);background:var(--panel);border:1px solid var(--border);font-size:var(--dock-font-size-small);filter:grayscale()opacity(.55);cursor:default;border-radius:4px}.lock-btn.active{filter:none;border-color:var(--accent);background:var(--accent-muted)}.lock-row{align-items:center;gap:3px;display:flex}.lock-row button{width:var(--dock-icon-button-size);min-width:var(--dock-icon-button-size);height:var(--dock-control-height);background:var(--panel);color:var(--text-dim);border:1px solid var(--border);cursor:default;filter:grayscale()opacity(.75);border-radius:3px;place-items:center;padding:0;font-size:11px;display:grid}.lock-row button.active{background:var(--accent-muted);border-color:var(--accent);color:#cfe0ff;filter:none}.lock-row button svg{width:13px;height:13px}.lock-row button svg path,.lock-row button svg circle{fill:currentColor;stroke:currentColor}.layer-lock{filter:grayscale();opacity:.8;font-size:10px}.layer-link{color:var(--accent);flex:none;font-size:13px;font-weight:700}.layer-list{flex:1;margin:0;padding:2px 0;list-style:none;overflow-y:auto}.paths-panel,.channels-panel{flex-direction:column;flex:1;min-height:0;display:flex}.channel-list{flex:1;margin:0;padding:2px 0;list-style:none;overflow-y:auto}.channel-row{grid-template-columns:20px var(--dock-thumb-width) minmax(0, 1fr) auto;align-items:center;gap:var(--dock-gap);min-height:34px;color:var(--text-dim);border-left:2px solid #0000;padding:3px 6px;display:grid}.channel-row.active{border-left-color:var(--accent);background:var(--accent-muted);color:var(--text)}.channel-row.visible:not(.active){color:var(--text)}.channel-eye{width:18px;height:20px;color:var(--text-dim);font-size:var(--dock-font-size);cursor:default;background:0 0;border:none;padding:0}.channel-eye.on{color:var(--text)}.channel-thumb-wrap{width:var(--dock-thumb-width);height:var(--dock-thumb-height);background:var(--panel-2);border:1px solid var(--border);place-items:center;display:grid}.channel-thumb{max-width:calc(var(--dock-thumb-width) - 2px);max-height:calc(var(--dock-thumb-height) - 2px);display:block}.channel-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.channel-meta{color:var(--text-dim);font-size:10px}.path-list{flex:1;margin:0;padding:2px 0;list-style:none;overflow-y:auto}.path-row{grid-template-columns:var(--dock-thumb-width) minmax(0, 1fr) auto;min-height:34px;padding:3px var(--dock-pad-x);border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:6px;display:grid}.path-row:hover:not(.active){background:color-mix(in srgb, var(--accent-muted) 45%, transparent)}.path-row.active{background:var(--accent-muted)}.path-row.empty{color:var(--text-dim)}.path-thumb-wrap{width:var(--dock-thumb-width);height:var(--dock-thumb-height);border:1px solid var(--border);background:#18191d;border-radius:2px;justify-content:center;align-items:center;display:flex}.path-thumb{width:calc(var(--dock-thumb-width) - 2px);height:calc(var(--dock-thumb-height) - 2px);display:block}.path-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.path-meta{color:var(--text-dim);font-size:var(--dock-font-size-small);white-space:nowrap}.paths-actions{gap:4px;padding-inline:6px}.layer-row{min-height:34px;padding:3px var(--dock-pad-x);border-bottom:1px solid var(--border);border-top:2px solid #0000;align-items:center;gap:6px;display:flex}.layer-row:hover:not(.active){background:color-mix(in srgb, var(--accent-muted) 45%, transparent)}.layer-row.selected{background:color-mix(in srgb, var(--accent-muted) 70%, transparent)}.layer-row.active{background:color-mix(in srgb, var(--accent) 28%, var(--accent-muted));box-shadow:inset 3px 0 0 var(--accent)}.layer-row.drop-above{border-top-color:var(--accent)}.layer-row.drop-below{border-bottom:2px solid var(--accent)}.layer-row.drop-into{outline:2px solid var(--accent);outline-offset:-2px}.layer-twist{width:14px;color:var(--text-dim);cursor:default;background:0 0;border:none;flex:none;padding:0;font-size:10px}.layer-twist-spacer{flex:none;width:14px}.layer-folder{width:var(--dock-thumb-width);height:var(--dock-thumb-height);color:var(--text-dim);flex:none;justify-content:center;align-items:center;font-size:16px;display:flex}.layer-thumb-wrap{width:var(--dock-thumb-width);height:var(--dock-thumb-height);border:1px solid var(--border);background:repeating-conic-gradient(#c7c7c7 0% 25%,#fff 0% 50%) 0 0/10px 10px;border-radius:2px;flex:none;justify-content:center;align-items:center;display:flex}.layer-thumb{max-width:calc(var(--dock-thumb-width) - 2px);max-height:calc(var(--dock-thumb-height) - 2px);display:block}.layer-thumb-wrap.target{outline:2px solid var(--accent);outline-offset:1px}.mask-thumb{background:0 0}.mask-thumb.mask-disabled{opacity:.4}.clip-arrow{width:10px;color:var(--text-dim);flex:none}.adj-icon{color:var(--text);font-size:18px}.layer-fx{color:var(--accent);flex:none;font-size:10px;font-style:italic;font-weight:700}.smart-filter-header,.smart-filter-row{align-items:center;gap:var(--dock-gap);min-height:var(--dock-row-height);padding:2px var(--dock-pad-x);border-bottom:1px solid var(--border);color:var(--text-dim);font-size:var(--dock-font-size);display:flex}.smart-filter-header{color:var(--text);background:color-mix(in srgb, var(--panel-2) 80%, transparent)}.smart-filter-row button{border:1px solid var(--border);background:var(--panel);width:20px;height:20px;color:var(--text);font:inherit;border-radius:4px;padding:0}.smart-filter-row button:disabled{opacity:.35}.smart-filter-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.style-dialog{min-width:380px}.style-section{border:1px solid var(--border);border-radius:6px;margin:0;padding:8px 10px}.kernel-grid{grid-template-columns:repeat(5,48px);gap:5px;margin:4px 0;display:grid}.kernel-cell{background:var(--panel-2);width:48px;height:28px;color:var(--text);border:1px solid var(--border);text-align:center;border-radius:4px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.system-info-row{grid-template-columns:120px minmax(0,1fr);gap:12px;padding:5px 0;display:grid}.system-info-row strong{color:var(--text-dim);font-weight:500}.style-section legend{color:var(--text);padding:0 6px}.style-controls{flex-direction:column;gap:8px;display:flex}.style-controls label{color:var(--text-dim);align-items:center;gap:10px;display:flex}.style-controls input[type=range]{accent-color:var(--accent);flex:1}.ls-dialog{min-width:820px;max-width:920px}.ls-dialog select,.ls-picker-pop select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:3px 6px}.ls-dialog input,.ls-dialog button,.ls-picker-pop button{font:inherit}.ls-dialog input[type=checkbox],.ls-dialog input[type=radio],.ls-picker-pop input[type=checkbox],.ls-picker-pop input[type=radio]{accent-color:var(--accent)}.ls-dialog input[type=color]{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;flex:none;width:44px;height:24px;padding:2px}.ls-name-row{color:var(--text-dim);align-items:center;gap:8px;margin:14px 16px 10px;display:flex}.ls-name{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:4px;flex:0 0 240px;padding:3px 6px}.ls-main{grid-template-columns:220px minmax(0,1fr) 130px;align-items:stretch;gap:12px;margin:0 16px 16px;display:grid}.ls-nav-col{border:1px solid var(--border);background:var(--panel-2);border-radius:6px;flex-direction:column;min-height:420px;display:flex}.ls-nav{flex:1;padding:4px 0;overflow-y:auto}.ls-nav-row{border-bottom:1px solid var(--border);cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:6px 10px;display:flex}.ls-nav-row:hover:not(.selected){background:var(--hover)}.ls-nav-row.selected{background:var(--accent);color:#fff}.ls-nav-nested{padding-left:32px}.ls-nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ls-nav-plus{width:20px;height:20px;color:inherit;border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;padding:0;line-height:1}.ls-nav-bar{border-top:1px solid var(--border);gap:4px;padding:6px;display:flex}.ls-nav-bar button{background:var(--panel);min-width:30px;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:3px 6px}.ls-nav-bar button:hover:not(:disabled),.ls-nav-plus:hover{background:var(--hover)}.ls-nav-bar button:disabled{opacity:.4;cursor:default}.ls-nav-bar-gap{flex:1}.ls-page{border:1px solid var(--border);border-radius:6px;min-height:420px;max-height:60vh;padding:10px 14px;overflow-y:auto}.ls-page-title{color:var(--text);margin-bottom:10px;font-weight:600}.ls-side{flex-direction:column;gap:8px;display:flex}.ls-side button,.ls-default-btns button,.ls-add-preset{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:5px 10px}.ls-side button:hover,.ls-default-btns button:hover,.ls-add-preset:hover,.ls-gear:hover,.ls-snap-origin:hover{background:var(--hover)}.ls-side button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.ls-preview-toggle{color:var(--text-dim);align-items:center;gap:6px;margin-top:4px;display:flex}.ls-thumb{border:1px solid var(--border);background:var(--panel-2);border-radius:4px;width:96px;height:96px}.ls-fieldset{border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.ls-fieldset-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:11px}.ls-row{color:var(--text-dim);align-items:center;gap:10px;display:flex}.ls-row input[type=range]{accent-color:var(--accent);flex:1}.ls-row-label{flex:0 0 110px}.ls-check-row .ls-row-label{flex:0 0 0}.ls-value{text-align:right;min-width:52px;color:var(--text)}.ls-dial{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:50%;flex:none;width:36px;height:36px;position:relative}.ls-dial-needle{background:var(--text);transform-origin:0;pointer-events:none;width:50%;height:2px;position:absolute;top:50%;left:50%}.ls-dial-dot{background:var(--accent);pointer-events:none;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute}.ls-angle-num{background:var(--panel-2);width:56px;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:3px 6px}.ls-placeholder{color:var(--text-dim);max-width:46ch}.ls-styles-bar{gap:8px;margin-bottom:10px;display:flex}.ls-styles-filter{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:4px;flex:1;padding:4px 8px}.ls-gear{background:var(--panel);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:2px 8px}.ls-styles-folder summary{cursor:pointer;color:var(--text);padding:6px 2px}.ls-styles-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;padding:6px 2px 12px;display:grid}.ls-style-swatch{background:var(--panel-2);color:var(--text-dim);border:1px solid var(--border);cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;font-size:11px;display:flex}.ls-style-swatch canvas{border-radius:4px;width:40px;height:40px}.ls-style-swatch span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.ls-contour-swatch{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:2px 4px;display:inline-flex}.ls-contour-swatch canvas{border-radius:2px;width:36px;height:36px}.ls-swatch-arrow{color:var(--text-dim);font-size:10px}.ls-picker-pop{z-index:40;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:8px;position:absolute;box-shadow:0 8px 24px #00000073}.ls-picker-grid{grid-template-columns:repeat(6,36px);gap:6px;display:grid}.ls-picker-cell{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:3px;padding:1px;line-height:0}.ls-picker-cell.selected{border-color:var(--accent,#4a90d9)}.ls-picker-cell canvas{width:32px;height:32px}.ls-snap-origin{background:var(--panel-2);color:inherit;border:1px solid var(--border);cursor:pointer;border-radius:4px;margin-left:8px;padding:3px 10px;font-size:11px}.adjustment-dialog .export-body label{align-items:center;gap:10px;display:flex}.adjustment-dialog input[type=range]{accent-color:var(--accent);flex:1}.adjustment-dialog .adj-value{text-align:right;min-width:40px;color:var(--text)}.text-warp-dialog{min-width:420px}.text-warp-dialog select{flex:1}.warp-orientation{color:var(--text-dim);align-items:center;gap:12px;display:flex}.warp-orientation span{min-width:88px}.color-range-dialog,.select-mask-dialog{min-width:420px}.select-mask-dialog select{flex:1}.select-mask-workspace{width:100vw;max-width:none;height:100vh;max-height:none;color:var(--text);background:0 0;border:0;margin:0;padding:0}.select-mask-workspace::backdrop{background:#00000029}.select-mask-stage{cursor:crosshair;position:fixed;inset:0}.select-mask-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:12px;width:min(340px,100vw - 36px);padding:14px;display:grid;position:fixed;top:52px;right:18px;box-shadow:0 18px 48px #00000061}.select-mask-section{gap:8px;display:grid}.select-mask-section label{align-items:center;gap:10px;display:flex}.select-mask-section input[type=range]{accent-color:var(--accent);flex:1}.select-mask-preview{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.select-mask-preview button,.select-mask-refine{min-height:28px}.select-mask-preview button.active,.select-mask-refine.active{background:var(--accent-muted);color:var(--text)}.liquify-workspace{width:100vw;max-width:none;height:100vh;max-height:none;color:var(--text);background:0 0;border:0;margin:0;padding:0}.liquify-workspace::backdrop{background:#00000029}.liquify-stage{cursor:crosshair;position:fixed;inset:0}.liquify-preview,.liquify-overlay{pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.liquify-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:12px;width:min(360px,100vw - 36px);padding:14px;display:grid;position:fixed;top:52px;right:18px;box-shadow:0 18px 48px #00000061}.liquify-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.liquify-tools button{min-height:28px}.liquify-tools button.active{background:var(--accent-muted);color:var(--text)}.liquify-section{gap:8px;display:grid}.liquify-section label{align-items:center;gap:10px;display:flex}.liquify-section input[type=range]{accent-color:var(--accent);flex:1}.liquify-section span{text-align:right;min-width:42px;color:var(--muted)}.color-range-previews{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-range-previews canvas{object-fit:contain;border:1px solid var(--border);width:100%;max-height:220px;image-rendering:pixelated;background:#141519;border-radius:4px}.color-range-doc{cursor:crosshair}.color-range-samples{flex-wrap:wrap;gap:6px;min-height:16px;display:flex}.color-range-chip{border:1px solid var(--border);border-radius:4px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff1f}.color-range-body button[data-act=reset-samples]{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:5px;align-self:flex-start;padding:5px 10px}.curves-dialog{min-width:322px}.curves-editor{flex-direction:column;gap:10px;display:flex}.curves-toolbar{justify-content:flex-start;display:flex}.curves-toolbar label{color:var(--text-dim);grid-template-columns:auto 120px;align-items:center;gap:8px;font-size:12px;display:grid}.curves-toolbar select{background:var(--panel-2);min-width:0;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:5px 6px}.curves-canvas{border:1px solid var(--border);cursor:crosshair;touch-action:none;background:#202229;border-radius:4px;width:256px;height:256px}.curves-canvas.delete-armed{cursor:no-drop}.curves-readout{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.curves-readout label{color:var(--text-dim);gap:4px;font-size:12px;display:grid}.curves-readout input[type=number]{box-sizing:border-box;background:var(--panel-2);width:66px;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:5px 6px}.curves-readout button{background:var(--panel-2);height:28px;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:4px 12px}.layer-eye{width:20px;height:20px;color:var(--text-dim);cursor:default;background:0 0;border:none;border-radius:4px}.layer-eye.on{color:var(--text)}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.layer-warp{color:var(--accent);border:1px solid var(--accent-muted);border-radius:3px;flex:none;padding:1px 2px;font-size:11px;line-height:1}.panel-actions{padding:var(--dock-pad-y) var(--dock-pad-x);border-top:1px solid var(--border);gap:4px;display:flex}.panel-actions button{width:24px;height:var(--dock-control-height);background:var(--panel);border:1px solid var(--border);color:var(--text);font:inherit;cursor:default;border-radius:4px}.panel-actions button:hover{background:var(--hover)}dialog{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}dialog select,dialog textarea,dialog input[type=text],dialog input[type=number]{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:3px 6px}dialog button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:5px;padding:3px 10px}dialog button:hover{background:var(--hover)}dialog input[type=checkbox],dialog input[type=radio],dialog input[type=range],dialog progress,dialog meter{accent-color:var(--accent)}.export-dialog{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--floating-radius);min-width:320px;padding:0;box-shadow:0 16px 48px #0000008c}.export-dialog::backdrop{background:#00000073}.export-dialog h2{border-bottom:1px solid var(--border);margin:0;padding:12px 14px;font-size:14px;font-weight:600}.export-dialog footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:10px 14px 12px;display:flex}.text-find-dialog,.shortcuts-dialog,.missing-fonts-dialog,.help-dialog{width:min(560px,100vw - 28px)}.text-find-dialog .export-body,.missing-fonts-dialog .export-body,.shortcuts-dialog .export-body,.help-dialog .export-body{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.text-find-dialog label,.missing-font-row{color:var(--text-dim);grid-template-columns:120px 1fr;align-items:center;gap:10px;font-size:12px;display:grid}.text-find-dialog input[type=text],.shortcuts-search,.agent-api-search,.missing-font-row select{background:var(--panel-2);width:100%;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:5px 7px}.text-find-results,.shortcuts-list{border:1px solid var(--border);background:var(--panel-2);border-radius:5px;max-height:320px;overflow:auto}.text-find-result{text-align:left;width:100%;color:var(--text);font:inherit;background:0 0;border:0;border-bottom:1px solid #ffffff0a;padding:7px 8px;display:block}.text-find-result:hover{background:var(--hover)}.shortcut-row{border-bottom:1px solid #ffffff0a;grid-template-columns:130px 1fr 92px;align-items:center;gap:10px;padding:7px 8px;display:grid}.shortcut-row kbd{color:var(--text);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.shortcut-row em{color:var(--text-dim);text-align:right;font-style:normal}.new-document-dialog{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--floating-radius);min-width:390px;padding:0;box-shadow:0 16px 48px #0000008c}.new-document-dialog::backdrop{background:#00000073}.new-doc-body{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.new-doc-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.new-doc-body label{color:var(--text-dim);flex-direction:column;gap:5px;font-size:12px;display:flex}.new-doc-body input,.new-doc-body select{background:var(--panel-2);width:100%;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:6px 8px}.new-doc-body input[type=color]{height:34px;padding:2px}.export-body{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.export-body label{color:var(--text-dim);align-items:center;gap:10px;display:flex}.export-body select,.export-body input[type=range],.export-body input[type=number]{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;accent-color:var(--accent);border-radius:4px;flex:1;padding:4px 6px}.export-info{color:var(--text-dim);font-size:12px}.export-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.export-actions button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:5px;padding:6px 16px}.export-actions button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.filter-gallery-dialog{width:min(980px,100vw - 36px)}.filter-gallery-body{border-top:1px solid var(--border);grid-template-columns:260px minmax(260px,1fr) 260px;gap:0;min-height:460px;display:grid}.fg-stack-pane,.fg-controls-pane,.blur-controls{background:var(--panel-2)}.fg-stack-pane{border-right:1px solid var(--border);padding:10px}.fg-controls-pane{border-left:1px solid var(--border);padding:12px}.fg-add-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px;display:grid}.fg-add-row select,.fg-add-row button,.fg-row-actions button,.blur-controls select,.blur-button-row button{background:var(--panel);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:5px;padding:5px 7px}.fg-stack{flex-direction:column;gap:6px;max-height:398px;display:flex;overflow:auto}.fg-stack-item{border:1px solid var(--border);background:var(--panel);cursor:default;border-radius:6px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:8px;padding:7px;display:grid}.fg-stack-item.active{border-color:var(--accent);background:var(--accent-muted)}.fg-stack-item span:not(.fg-row-actions){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fg-thumb{object-fit:contain;background:#15161a;border:1px solid #ffffff0f;width:48px;height:36px}.fg-row-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.fg-row-actions button{padding:3px 5px;font-size:11px}.fg-row-actions button:disabled{opacity:.35}.fg-preview-pane{background:#17181b;justify-content:center;align-items:center;min-width:0;padding:14px;display:flex}.fg-preview,.blur-preview{image-rendering:auto;background-color:#15161a;background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25%),linear-gradient(-45deg,#ffffff0d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0d 75%),linear-gradient(-45deg,#0000 75%,#ffffff0d 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;max-width:100%;max-height:430px}.fg-selected-title{margin-bottom:10px;font-weight:600}.filter-gallery-dialog .fg-controls label,.blur-controls label{color:var(--text-dim);align-items:center;gap:10px;margin-bottom:10px;display:flex}.filter-gallery-dialog .fg-controls input[type=range],.blur-controls input[type=range]{accent-color:var(--accent);flex:1}.displace-dialog{min-width:420px}.displace-dialog input[type=file]{color:var(--text)}.blur-gallery-dialog{width:min(860px,100vw - 36px)}.blur-gallery-body{border-top:1px solid var(--border);grid-template-columns:minmax(300px,1fr) 250px;min-height:500px;display:grid}.blur-preview{cursor:crosshair;place-self:center}.blur-controls{border-left:1px solid var(--border);padding:12px}.blur-controls label{justify-content:space-between}.blur-controls select{min-width:130px}.blur-button-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.statusbar{background:var(--panel-2);border-top:1px solid var(--border);height:24px;color:var(--text-dim);align-items:center;gap:20px;padding:0 12px;font-size:12px;display:flex}.statusbar .status-zoom{min-width:48px}.status-renderer.gpu:before,.status-renderer.cpu:before{content:"●";margin-right:5px}.status-renderer.gpu:before{color:#57c777}.status-renderer.cpu:before{color:#e0a93e}.text-editor{z-index:400;position:fixed;top:120px;left:50%;transform:translate(-50%)}.text-editor .text-input{background:var(--panel-2);width:100%;min-width:320px;color:var(--text);border:1px solid var(--border);resize:vertical;border-radius:4px;margin:8px 0;padding:6px 8px;font:14px/1.4 inherit}.tstyle-row{gap:6px}.tstyle{background:var(--panel-2);min-width:30px;height:26px;color:var(--text);border:1px solid var(--border);font:inherit;cursor:default;border-radius:4px}.tstyle.on{background:var(--accent-muted);border-color:var(--accent);color:#cfe0ff}.text-editor .dialog-row{align-items:center;gap:10px;margin:6px 0;display:flex}.text-editor input[type=number]{width:64px}.text-inplace{z-index:50;outline-offset:2px;caret-color:#4f8cff;cursor:text;-webkit-user-select:text;user-select:text;background:0 0;outline:1px dashed #4f8cffe6;position:absolute}.text-side-panel{border-bottom:1px solid var(--border);flex-shrink:0}.text-panel-title{cursor:default;align-items:center;gap:6px;display:flex}.text-panel-title .twist{color:var(--text-dim);font-size:10px}.target-badge{font-weight:400;font-size:var(--dock-font-size-small);color:var(--accent);text-overflow:ellipsis;white-space:nowrap;max-width:96px;margin-left:auto;overflow:hidden}.target-badge.is-defaults{color:var(--text-dim)}.text-side-panel.collapsed .text-panel-body{display:none}.text-side-panel.flash .text-panel-title{animation:.8s panel-flash}@keyframes panel-flash{30%{background:var(--accent-muted)}}.text-panel-body{padding:var(--dock-pad-y) var(--dock-pad-x);gap:var(--dock-gap);flex-direction:column;display:flex}.tp-wide{background:var(--panel-2);width:100%;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:2px 5px}.tp-grid{grid-template-columns:1fr 1fr;gap:4px 8px;display:grid}.tp-field{align-items:center;gap:var(--dock-gap);min-width:0;display:flex}.tp-icon{color:var(--text-dim);font-size:var(--dock-font-size-small);text-align:center;-webkit-user-select:none;user-select:none;min-width:22px}.tp-field input[type=number],.tp-field select{background:var(--panel-2);width:100%;min-width:0;color:var(--text);border:1px solid var(--border);font:inherit;font-size:var(--dock-font-size);border-radius:4px;padding:2px 4px}.tp-field input[type=color]{border:1px solid var(--border);background:0 0;border-radius:4px;width:100%;height:20px;padding:0}.tp-toggles{flex-wrap:wrap;gap:2px;display:flex}.tp-toggle{min-width:26px;height:var(--dock-control-height);color:var(--text);font:inherit;font-size:var(--dock-font-size);cursor:default;background:0 0;border:1px solid #0000;border-radius:4px;padding:0 4px}.tp-toggle:hover{background:var(--hover)}.tp-toggle.on{background:var(--accent-muted);border-color:var(--accent);color:#cfe0ff}.tp-align{font-size:var(--dock-font-size);letter-spacing:0}.panel-dock{position:relative;overflow:visible}.dock-column{flex:0 0 var(--dock-column-width,270px);width:var(--dock-column-width,270px);background:var(--panel-2);border-left:1px solid var(--border);flex-direction:column;min-width:190px;max-width:min(360px,44vw);min-height:0;display:flex;position:relative}.dock-column.collapsed{flex-basis:var(--dock-collapsed-width,34px);width:var(--dock-collapsed-width,34px);min-width:var(--dock-collapsed-width,34px);max-width:var(--dock-collapsed-width,34px)}.dock-column-header{background:var(--panel-2);border-bottom:1px solid var(--border);flex:0 0 20px;justify-content:flex-end;align-items:center;min-height:20px;padding:0 3px;display:flex}.dock-column-collapse{width:var(--dock-icon-button-size);height:18px;color:var(--text-dim);cursor:default;background:0 0;border:1px solid #0000;border-radius:4px;padding:0;font:600 12px/1 inherit}.dock-column-collapse:hover{background:var(--hover);color:var(--text);border-color:var(--border)}.dock-groups{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.dock-icon-strip{display:none}.dock-column.collapsed .dock-groups{flex:0 0 0;min-height:0;overflow:visible}.dock-column.collapsed .dock-group{display:none}.dock-column.collapsed .dock-group.flyout{z-index:80;width:var(--dock-column-width,270px);background:var(--panel);border:1px solid var(--border);height:min(520px,100vh - 120px);min-height:220px;display:flex;position:absolute;top:20px;right:100%;box-shadow:0 12px 30px #0000007a}.dock-column.collapsed .dock-icon-strip{background:var(--panel-2);flex-direction:column;flex:1;align-items:center;gap:2px;min-height:0;padding:4px 3px;display:flex;overflow-y:auto}.dock-group{flex-direction:column;flex:var(--dock-group-weight,1) 1 0;border-bottom:1px solid var(--border);min-height:var(--dock-group-min-height,88px);display:flex;overflow:hidden}.dock-group.collapsed{flex:none;min-height:0}.dock-group.collapsed .dock-body{display:none}.dock-tabs{background:var(--bg);scrollbar-width:none;flex:none;gap:1px;padding:3px 5px 0;display:flex;overflow:auto hidden}.dock-tabs::-webkit-scrollbar{display:none}.dock-tab{background:var(--panel-2);max-width:120px;color:var(--text-dim);border:1px solid var(--border);font:inherit;font-size:var(--dock-font-size);white-space:nowrap;text-overflow:ellipsis;cursor:default;border-bottom:none;border-radius:4px 4px 0 0;flex:none;padding:3px 9px;overflow:hidden}.dock-tab.dragging{opacity:.55}.dock-tab.active{background:var(--panel);color:var(--text)}.dock-tabs.dock-drop-tabs{box-shadow:inset 0 0 0 1px var(--accent)}.dock-column.dock-drop-column{background:color-mix(in srgb, var(--accent) 10%, var(--panel-2))}.dock-drop-marker{z-index:100;pointer-events:none;background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:2px;position:absolute}.dock-body{background:var(--panel);min-height:0;font-size:var(--dock-font-size);flex-direction:column;flex:1;line-height:1.25;display:flex;overflow:hidden auto}.dock-body,.dock-icon-strip,.history-list,.actions-list,.action-steps,.layer-list,.channel-list,.path-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--disabled) 72%, transparent) transparent}.dock-body::-webkit-scrollbar{width:8px;height:8px}.dock-icon-strip::-webkit-scrollbar{width:8px;height:8px}.history-list::-webkit-scrollbar{width:8px;height:8px}.actions-list::-webkit-scrollbar{width:8px;height:8px}.action-steps::-webkit-scrollbar{width:8px;height:8px}.layer-list::-webkit-scrollbar{width:8px;height:8px}.channel-list::-webkit-scrollbar{width:8px;height:8px}.path-list::-webkit-scrollbar{width:8px;height:8px}.dock-body::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--disabled) 72%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:8px}.dock-icon-strip::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--disabled) 72%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:8px}.history-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--disabled) 72%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:8px}.actions-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--disabled) 72%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:8px}.action-steps::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--disabled) 72%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:8px}.layer-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--disabled) 72%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:8px}.channel-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--disabled) 72%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:8px}.path-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--disabled) 72%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:8px}.dock-body::-webkit-scrollbar-track{background:0 0}.dock-icon-strip::-webkit-scrollbar-track{background:0 0}.history-list::-webkit-scrollbar-track{background:0 0}.actions-list::-webkit-scrollbar-track{background:0 0}.action-steps::-webkit-scrollbar-track{background:0 0}.layer-list::-webkit-scrollbar-track{background:0 0}.channel-list::-webkit-scrollbar-track{background:0 0}.path-list::-webkit-scrollbar-track{background:0 0}.dock-body .panel-title:not(.text-panel-title){display:none}.dock-body .text-panel-title{padding:3px var(--dock-pad-x) 0;font-weight:400;font-size:var(--dock-font-size-small);border:none}.dock-body .text-panel-title .twist,.dock-body .text-panel-title{color:var(--text-dim)}.dock-body>.panel,.dock-body .layers-panel,.dock-body .channels-panel,.dock-body .paths-panel,.dock-body .history-panel,.dock-body .actions-panel{border-bottom:none;flex:1;min-height:0;max-height:none}.dock-divider{background:var(--panel-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);cursor:row-resize;flex:0 0 6px;margin:-1px 0;position:relative}.dock-divider:before{content:"";background:color-mix(in srgb, var(--text-dim) 46%, transparent);width:28px;height:1px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.dock-divider:hover,.dock-divider.dragging{background:var(--hover)}.dock-divider.dragging:before{background:var(--accent)}.dock-divider.disabled{display:none}.dock-icon{width:24px;height:24px;color:var(--text-dim);letter-spacing:0;cursor:default;background:0 0;border:1px solid #0000;border-radius:4px;flex:0 0 24px;place-items:center;padding:0;font:600 9px/1 -apple-system,Segoe UI,system-ui,sans-serif;display:grid}.dock-icon:hover,.dock-icon.active{background:var(--hover);color:var(--text);border-color:var(--border)}.dock-icon.active{box-shadow:inset 2px 0 0 var(--accent)}.dock-icon-sep{background:var(--border);flex:0 0 1px;width:20px;margin:2px 0}.info-grid{padding:var(--dock-pad-y) var(--dock-pad-x);color:var(--text-dim);font-size:var(--dock-font-size);grid-template-columns:64px 1fr;gap:4px 8px;display:grid}.info-grid strong{min-width:0;color:var(--text);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.info-samplers{flex-direction:column;gap:2px;display:flex;white-space:normal!important}.info-sampler-line{display:block}.histogram-body,.navigator-body{padding:var(--dock-pad-x)}.agent-api-body{padding:var(--dock-pad-x);flex-direction:column;gap:6px;display:flex}.agent-api-coming-soon{min-height:132px;padding:18px var(--dock-pad-x);color:var(--text-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.agent-api-coming-soon strong{color:var(--text);font-size:15px}.agent-api-coming-soon p{max-width:240px;margin:0;line-height:1.45}.agent-api-body .agent-api-search{font-size:var(--dock-font-size);padding:3px 6px}.agent-api-count{color:var(--text-dim);font-size:var(--dock-font-size)}.agent-api-list{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:4px;max-height:190px;display:grid;overflow:auto}.agent-api-list code{border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:var(--dock-font-size-small);border-radius:4px;padding:3px 5px;display:block}.histogram-body{gap:var(--dock-gap);flex-direction:column;display:flex}.histogram-mode{color:var(--text-dim);font-size:var(--dock-font-size);justify-content:space-between;align-items:center;gap:6px;display:flex}.histogram-mode select{background:var(--panel-2);min-width:104px;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:2px 5px}.histogram-canvas{border:1px solid var(--border);background:#1b1c1f;width:100%;height:72px;display:block}.histogram-count{color:var(--text-dim);font-size:var(--dock-font-size-small);text-align:right}.navigator-body{flex-direction:column;gap:6px;display:flex}.navigator-thumb{border:1px solid var(--border);touch-action:none;background:repeating-conic-gradient(#c7c7c7 0% 25%,#fff 0% 50%) 0 0/10px 10px;align-self:flex-start;max-width:200px;display:inline-block;position:relative}.navigator-canvas{max-width:100%;height:auto;display:block}.navigator-view{pointer-events:none;border:2px solid #ff4a4a;position:absolute;box-shadow:0 0 0 1px #000000a6}.navigator-zoom{color:var(--text-dim);font-size:var(--dock-font-size);align-items:center;gap:6px;display:flex}.navigator-zoom-field{background:var(--panel-2);width:48px;color:var(--text);border:1px solid var(--border);font:inherit;text-align:right;border-radius:4px;padding:2px 4px}.navigator-zoom input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.color-body{gap:var(--dock-gap);padding:var(--dock-pad-y) var(--dock-pad-x);flex-direction:column;display:flex}.color-target{align-items:center;gap:var(--dock-gap);display:flex}.color-target button{background:var(--panel-2);min-width:28px;height:20px;color:var(--text-dim);border:1px solid var(--border);font:inherit;font-size:var(--dock-font-size-small);cursor:default;border-radius:4px}.color-target button.active{background:var(--accent-muted);border-color:var(--accent);color:#cfe0ff}.color-preview{border:1px solid var(--border);border-radius:4px;width:24px;height:20px}.color-hex{background:var(--panel-2);min-width:0;color:var(--text);border:1px solid var(--border);font:inherit;font-size:var(--dock-font-size);border-radius:4px;flex:1;padding:2px 5px}.color-slider{color:var(--text-dim);font-size:var(--dock-font-size-small);align-items:center;gap:6px;display:flex}.color-slider input[type=range]{accent-color:var(--accent);flex:1}.color-slider input[type=number]{background:var(--panel-2);width:48px;color:var(--text);border:1px solid var(--border);font:inherit;font-size:var(--dock-font-size-small);border-radius:4px;padding:1px 4px}.swatches-body{padding:var(--dock-pad-y) var(--dock-pad-x);max-height:230px;overflow-y:auto}.swatch-group-title{color:var(--text-dim);font-size:var(--dock-font-size-small);margin:4px 0 2px}.swatch-row{flex-wrap:wrap;gap:3px;display:flex}.swatch{border:1px solid var(--border);cursor:default;border-radius:3px;width:16px;height:16px;padding:0}.swatch:hover{outline:2px solid var(--accent)}.swatch-add{background:var(--panel-2);color:var(--text-dim);font-size:var(--dock-font-size);line-height:1}.presets-panel{min-height:0}.presets-grid{padding:var(--dock-pad-y) var(--dock-pad-x) var(--dock-pad-x);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-height:205px;display:grid;overflow-y:auto}.preset-tile{background:var(--panel-2);min-width:0;color:var(--text-dim);border:1px solid var(--border);font:inherit;font-size:var(--dock-font-size-small);cursor:default;border-radius:4px;flex-direction:column;align-items:stretch;gap:3px;padding:4px;display:flex}.preset-tile:hover{background:var(--hover)}.preset-tile.active{border-color:var(--accent);background:var(--accent-muted);color:#cfe0ff}.preset-tile canvas{background:repeating-conic-gradient(#c7c7c7 0% 25%,#fff 0% 50%) 0 0/10px 10px;border:1px solid #1b1c1f;border-radius:3px;width:100%;height:28px;display:block}.patterns-panel .presets-grid,.brushes-panel .presets-grid,.options-preset-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.patterns-panel .preset-tile canvas,.brushes-panel .preset-tile canvas,.options-preset-grid .preset-tile canvas{aspect-ratio:1;object-fit:cover;height:auto}.preset-name{text-overflow:ellipsis;white-space:nowrap;text-align:center;min-width:0;height:14px;line-height:14px;overflow:hidden}.preset-actions{padding:var(--dock-pad-y) var(--dock-pad-x) 0}.preset-actions button{width:100%;height:var(--dock-control-height);background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;font-size:var(--dock-font-size);cursor:default;border-radius:4px}.adjustments-panel{flex-direction:column;min-height:0;display:flex}.adjustments-body{min-height:0;padding:var(--dock-pad-y) var(--dock-pad-x) var(--dock-pad-x);flex-direction:column;flex:1;gap:7px;display:flex;overflow-y:auto}.adjustments-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.adjustment-button{background:var(--panel-2);min-width:0;height:68px;color:var(--text-dim);border:1px solid var(--border);font:inherit;cursor:default;border-radius:4px;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;padding:5px 3px 4px;display:flex}.adjustment-button:hover{background:var(--hover);border-color:color-mix(in srgb, var(--adjustment-tone,var(--accent)) 55%, var(--border));color:var(--text)}.adjustment-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.adjustment-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--adjustment-tone,var(--accent)) 65%, #111318), #15171b 72%), var(--panel-2);color:#f4f6fb;border:1px solid color-mix(in srgb, var(--adjustment-tone,var(--accent)) 54%, #111318);letter-spacing:0;border-radius:4px;place-items:center;width:32px;height:24px;font:700 10px/1 -apple-system,Segoe UI,system-ui,sans-serif;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24}.adjustment-icon:after{content:"";border:1px solid #fff3;border-radius:50%;width:24px;height:24px;position:absolute;bottom:-9px;right:-8px}.adjustment-label{width:100%;min-width:0;min-height:23px;color:inherit;font-size:var(--dock-font-size-small);text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.15;display:-webkit-box;overflow:hidden}.adjustment-presets-title{color:var(--text-dim);font-size:var(--dock-font-size-small)}.adjustment-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.adjustment-preset{background:var(--panel-2);min-width:0;height:38px;color:var(--text);border:1px solid var(--border);font:inherit;cursor:default;border-radius:4px;flex-direction:column;align-items:flex-start;gap:2px;padding:4px 6px;display:flex}.adjustment-preset:hover,.adjustment-preset:focus-visible{background:var(--hover);border-color:var(--accent)}.adjustment-preset-name,.adjustment-preset-type{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.adjustment-preset-name{font-size:var(--dock-font-size-small);font-weight:600}.adjustment-preset-type{color:var(--text-dim);font-size:10px}.brush-settings-panel,.clone-source-panel,.glyphs-panel{min-height:0}.bp-body{gap:var(--dock-gap);padding:var(--dock-pad-y) var(--dock-pad-x);flex-direction:column;display:flex}.bp-row{align-items:center;gap:var(--dock-gap);color:var(--text-dim);font-size:var(--dock-font-size);grid-template-columns:68px 1fr 38px;display:grid}.bp-row input[type=range]{min-width:0;accent-color:var(--accent)}.bp-row input[type=number]{background:var(--panel-2);width:100%;min-width:0;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:2px 4px}.bp-row output{color:var(--text);text-align:right}.brush-preview{width:calc(100% - 16px);height:36px;margin:0 var(--dock-pad-x) var(--dock-pad-x);border:1px solid var(--border);border-radius:4px;display:block}.clone-readout{padding:var(--dock-pad-y) var(--dock-pad-x) 0;color:var(--text-dim);font-size:var(--dock-font-size-small);grid-template-columns:1fr 1fr;gap:4px;display:grid}.clone-readout label{flex-direction:column;gap:2px;display:flex}.clone-readout output{color:var(--text)}.clone-flips{padding:0 var(--dock-pad-x) var(--dock-pad-x);color:var(--text-dim);font-size:var(--dock-font-size)}.clone-flips label{align-items:center;gap:4px;margin-left:auto;display:flex}.glyph-block{width:calc(100% - 16px);margin:var(--dock-pad-y) var(--dock-pad-x) var(--dock-gap);background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:3px 5px}.recent-glyphs,.glyph-grid{padding:0 var(--dock-pad-x) var(--dock-pad-y);grid-template-columns:repeat(6,30px);gap:3px;display:grid}.glyph-grid{max-height:210px;overflow-y:auto}.glyph-cell{background:var(--panel-2);border:1px solid var(--border);cursor:default;border-radius:4px;width:30px;height:30px;padding:0}.glyph-cell:hover{border-color:var(--accent)}.glyph-cell canvas{width:28px;height:28px;display:block}.props-body{padding:var(--dock-pad-y) var(--dock-pad-x);gap:var(--dock-gap);flex-direction:column;display:flex}.prop-kind{color:var(--text-dim);font-size:var(--dock-font-size-small);text-transform:uppercase;letter-spacing:.4px}.prop-row{align-items:center;gap:6px;display:flex}.prop-label{min-width:40px;color:var(--text-dim);font-size:var(--dock-font-size-small)}.prop-row input{background:var(--panel-2);min-width:0;color:var(--text);border:1px solid var(--border);font:inherit;font-size:var(--dock-font-size);border-radius:4px;flex:1;padding:2px 5px}.prop-static{color:var(--text);font-size:var(--dock-font-size)}.prop-btns{gap:3px;display:flex}.prop-lock{min-width:24px;height:var(--dock-control-height);background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;font-size:var(--dock-font-size);cursor:default;border-radius:4px}.prop-lock.on{background:var(--accent-muted);border-color:var(--accent);color:#cfe0ff}.prop-actions{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.prop-act{background:var(--panel-2);color:var(--text);border:1px solid var(--border);padding:3px var(--dock-pad-x);font:inherit;font-size:var(--dock-font-size);cursor:default;border-radius:4px}.prop-act:hover{background:var(--accent);color:#fff}.mobile-panel-tab{display:none}@media (max-width:820px){:root{--mobile-menubar-height:44px;--mobile-status-height:calc(28px + env(safe-area-inset-bottom));--mobile-dock-height:min(72dvh, 560px);--mobile-safe-inline:calc(env(safe-area-inset-left) + env(safe-area-inset-right))}html,body{overscroll-behavior:none;width:100%;max-width:100%;overflow:hidden}body{touch-action:manipulation}#app{min-width:0;height:100dvh;overflow:hidden}.menubar{height:calc(var(--mobile-menubar-height) + env(safe-area-inset-top));min-height:calc(var(--mobile-menubar-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left));-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:none;align-items:flex-end;overflow:auto visible}.menubar::-webkit-scrollbar{display:none}.menu{flex:none}.menu-btn{min-width:44px;height:var(--mobile-menubar-height);padding:0 10px}.menu-drop{top:calc(var(--mobile-menubar-height) + env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));left:max(8px, env(safe-area-inset-left));width:auto;min-width:0;max-height:min(70dvh, calc(100dvh - var(--mobile-menubar-height) - env(safe-area-inset-top) - 14px));border-radius:0 0 var(--floating-radius) var(--floating-radius);z-index:260;position:fixed;overflow:auto}.menu-submenu>.submenu-drop{width:auto;min-width:0;max-height:none;box-shadow:none;border-width:1px 0 0;border-radius:0;margin:2px 0 2px 12px;position:static}.menu-item{min-height:40px;padding:9px 14px}.optionsbar{min-width:0;height:48px;padding:0 max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:0 0 48px;overflow:auto hidden}.optionsbar::-webkit-scrollbar{display:none}.optionsbar>*{flex:none}.optionsbar .tool-name{min-width:max-content}.optionsbar button,.optionsbar select,.optionsbar .ob-select,.optionsbar input[type=number]{max-width:none}.tab-bar{min-width:0;height:34px;padding:0 max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left));-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:0 0 34px;overflow:auto hidden}.tab-bar::-webkit-scrollbar{display:none}.doc-tab{flex:none;min-width:0;max-width:min(240px,70vw)}.main{flex-direction:column;min-width:0;overflow:hidden}.toolbar{width:100%;min-width:0;height:52px;padding:4px max(6px, env(safe-area-inset-right)) 4px max(6px, env(safe-area-inset-left));border-right:0;border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;flex:0 0 52px;align-items:center;overflow:auto hidden}.toolbar::-webkit-scrollbar{display:none}.tool-btn{flex:0 0 40px;width:40px;height:40px}.color-chips{flex:0 0 40px;width:40px;height:40px;margin-top:0}.chip{width:24px;height:24px}.chip-bg{bottom:2px;right:2px}.chip-fg{top:2px;left:2px}.toolbar-bottom{border-left:1px solid var(--border);flex-direction:row;flex:none;margin-top:0;margin-left:0;padding-left:4px}.viewport{flex:auto;width:100%;min-width:0;min-height:0}.statusbar{flex:0 0 var(--mobile-status-height);height:var(--mobile-status-height);min-width:0;padding:0 max(12px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px, env(safe-area-inset-left));white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;overflow:auto hidden}.statusbar::-webkit-scrollbar{display:none}.right-col{z-index:210;width:100%;height:var(--mobile-dock-height);max-height:calc(100dvh - env(safe-area-inset-top) - 56px);padding:16px max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));border-top:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:8px;transition:transform .18s;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:auto hidden;transform:translateY(calc(100% + 12px));box-shadow:0 -18px 44px #0000008c}.right-col::-webkit-scrollbar{display:none}.right-col:before{content:"";background:color-mix(in srgb, var(--text-dim) 58%, transparent);border-radius:999px;width:42px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}#app[data-mobile-panels=open] .right-col{pointer-events:auto;transform:translateY(0)}#app:not([data-mobile-panels=open]) .right-col{pointer-events:none}.dock-column{flex:0 0 min(360px, calc(100vw - max(24px, var(--mobile-safe-inline))));width:min(360px, calc(100vw - max(24px, var(--mobile-safe-inline))));min-width:min(280px, calc(100vw - max(24px, var(--mobile-safe-inline))));border-right:1px solid var(--border);border-left:1px solid var(--border);max-width:none;height:100%}.dock-column.collapsed{flex-basis:58px;width:58px;min-width:58px;max-width:58px}.dock-column-header{flex-basis:36px;min-height:36px}.dock-tabs{padding:6px 8px 0}.dock-tab{max-width:min(170px,48vw);min-height:38px;padding:8px 12px}.dock-divider{flex-basis:10px}.dock-body,.dock-icon-strip,.history-list,.actions-list,.action-steps,.layer-list,.channel-list,.path-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dock-column.collapsed .dock-icon-strip{gap:6px;padding:6px}.dock-column.collapsed .dock-group.flyout{top:calc(var(--mobile-menubar-height) + env(safe-area-inset-top) + 8px);right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));z-index:230;width:auto;height:auto;min-height:220px;max-height:none;position:fixed}.context-menu,.options-popover,.note-popover{max-width:calc(100vw - max(24px, var(--mobile-safe-inline)));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);overflow:auto}#app[data-mobile-shell=ready]+.mobile-panel-tab{right:max(10px, env(safe-area-inset-right));bottom:calc(var(--mobile-status-height) + 6px);z-index:220;background:var(--panel);min-width:78px;height:44px;color:var(--text);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;padding:0 13px;font:650 13px/1 -apple-system,Segoe UI,system-ui,sans-serif;display:flex;position:fixed;box-shadow:0 8px 24px #0000006b}#app[data-mobile-panels=open]+.mobile-panel-tab{bottom:calc(var(--mobile-dock-height) - 1px);border-color:var(--accent);border-bottom-color:var(--panel);background:var(--accent-muted);color:#dce7ff;border-radius:8px 8px 0 0}#app.home-mode+.mobile-panel-tab,#app.screen-mode-menubar+.mobile-panel-tab,#app.screen-mode-fullscreen+.mobile-panel-tab,#app:not([data-mobile-shell=ready])+.mobile-panel-tab{display:none}}@media (max-width:820px) and (pointer:coarse){.menu-btn,.menu-item,.tool-btn,.doc-tab,.doc-tab-new,.dock-tab,.dock-icon,.dock-column-collapse,.panel-actions button,.actions-flyout,.color-target button,.lock-row button,.clone-flips button,.preset-actions button,.prop-lock,.prop-act,.tp-toggle,.tstyle,.export-actions button,.mobile-panel-tab{min-width:44px;min-height:44px}.toolbar{flex-basis:56px;height:56px;padding-top:6px;padding-bottom:6px}.tool-btn,.color-chips{flex-basis:44px;width:44px;height:44px}.chip{width:27px;height:27px}.optionsbar{flex-basis:52px;height:52px}.optionsbar label,.optionsbar .ob-field{min-height:44px}.optionsbar button,.optionsbar select,.optionsbar .ob-select,.optionsbar input[type=number],.optionsbar input[type=color],.optionsbar .ob-number-box,.optionsbar button.ob-icon-toggle,.optionsbar button.ob-swatch,.optionsbar button.ob-chevron{min-width:44px;min-height:44px}.optionsbar input.ob-number-input{min-height:42px}.dock-column-header{flex-basis:44px;min-height:44px}.dock-icon{flex-basis:44px;width:44px;height:44px}.dock-divider{flex-basis:14px}}@media (max-width:820px) and (prefers-reduced-motion:reduce){.right-col{transition:none}}.color-picker-dialog{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--floating-radius);-webkit-user-select:none;user-select:none;margin:0;padding:0;position:fixed;box-shadow:0 16px 48px #0000008c}.color-picker-dialog::backdrop{background:#0000002e}.cp-title{text-align:center;border-bottom:1px solid var(--border);background:var(--panel-2);border-radius:var(--floating-radius) var(--floating-radius) 0 0;cursor:move;padding:9px 14px;font-size:13px;font-weight:600}.cp-body{align-items:flex-start;gap:12px;padding:14px;display:flex}.cp-left{flex-direction:column;gap:10px;display:flex}.cp-square-wrap{width:240px;height:240px}.cp-square{border:1px solid var(--border);cursor:crosshair;touch-action:none;display:block}.cp-webonly{color:var(--text);align-items:center;gap:6px;font-size:12px;display:flex}.cp-lib-panel{flex-direction:column;gap:8px;width:240px;display:flex}.cp-lib-panel[hidden]{display:none}.cp-lib-select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:4px;padding:4px 6px;font-size:12px}.cp-lib-grid{border:1px solid var(--border);grid-template-columns:repeat(12,1fr);gap:2px;height:208px;padding:4px;display:grid;overflow-y:auto}.cp-lib-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #0006;border-radius:2px;padding:0}.cp-lib-swatch:hover{outline:1px solid #fff}.cp-slider-wrap{flex:none;width:35px;height:240px;position:relative}.cp-slider{border:1px solid var(--border);touch-action:none;display:block;position:absolute;top:0;left:8px}.cp-arrow{pointer-events:none;filter:drop-shadow(0 0 1px #000c);border-top:5px solid #0000;border-bottom:5px solid #0000;width:0;height:0;position:absolute}.cp-arrow-l{border-left:7px solid #e8e9ec;left:0}.cp-arrow-r{border-right:7px solid #e8e9ec;right:0}.cp-mid{flex-direction:column;gap:14px;display:flex}.cp-swatches{color:var(--text-dim);flex-direction:column;align-self:center;align-items:center;font-size:12px;display:flex;position:relative}.cp-swatch-label{line-height:1.6}.cp-swatch-stack{border:1px solid var(--border);width:64px}.cp-swatch-new,.cp-swatch-current{border:none;width:100%;height:34px;margin:0;padding:0;display:block}.cp-swatch-current{cursor:pointer}.cp-gamut{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0;font-size:12px;display:flex;position:absolute;top:42px;right:-26px}.cp-gamut[hidden]{display:none}.cp-gamut-chip{border:1px solid var(--border);width:14px;height:12px;display:block}.cp-fields{gap:20px;display:flex}.cp-col{flex-direction:column;gap:5px;display:flex}.cp-field{align-items:center;gap:5px;font-size:12px;display:flex}.cp-field input[type=radio]{accent-color:var(--accent);margin:0}.cp-radio-hidden{visibility:hidden}.cp-fl{text-align:right;width:14px;color:var(--text)}.cp-num{background:var(--panel-2);width:44px;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:3px;padding:3px 5px;font-size:12px}.cp-num:focus,.cp-hex:focus{outline:1px solid var(--accent)}.cp-unit{width:12px;color:var(--text-dim)}.cp-hexrow{margin-top:2px}.cp-hex{background:var(--panel-2);width:76px;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:3px;padding:3px 5px;font-size:12px}.cp-gap{height:8px}.cp-actions{flex-direction:column;flex:none;gap:8px;width:132px;display:flex}.cp-actions button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:14px;padding:6px 10px;font-size:12px}.cp-actions button:hover{background:var(--hover)}.cp-actions button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.cp-actions .cp-gap{height:12px}.color-sv-row{gap:6px;margin:6px 0 8px;display:flex}.color-sq{cursor:crosshair;touch-action:none;border-radius:3px;flex:1;height:120px}.color-hue{cursor:crosshair;touch-action:none;border-radius:3px;width:16px;height:120px}.dock-group{min-height:min(var(--dock-group-min-height,96px), 26dvh)}.dock-body .layer-list{min-height:96px}body>.dock-drop-marker{position:fixed}.dock-rail-left{order:0}.dock-rail-left:not(.has-columns){display:none}.dock-rail-left .dock-column,.dock-column.dock-column-left{border-left:none;border-right:1px solid var(--border)}.dock-float-layer{z-index:90;pointer-events:none;position:fixed;inset:0}.dock-float-layer:empty{display:none}.dock-float-window{pointer-events:auto;background:var(--panel);border:1px solid var(--border);resize:none;z-index:91;border-radius:6px;flex-direction:column;min-width:220px;min-height:120px;display:flex;position:fixed;overflow:hidden;box-shadow:0 10px 30px #00000073}.dock-float-window.dragging{opacity:.98}.dock-float-window.collapsed .dock-float-resize{pointer-events:none;opacity:.35}.dock-float-header{border-bottom:1px solid var(--border);background:var(--panel-2);align-items:stretch;min-height:24px;display:flex}.dock-float-tabs{flex:1;gap:2px;min-width:0;padding:2px;display:flex;overflow:auto hidden}.dock-float-tab{background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);font:inherit;white-space:nowrap;border-bottom:none;border-radius:4px 4px 0 0;flex:none;padding:2px 8px;font-size:11px}.dock-float-tab.active{background:var(--panel);color:var(--text)}.dock-float-close{width:20px;color:var(--text-dim);cursor:default;background:0 0;border:none}.dock-float-close:hover{background:var(--hover);color:var(--text)}.dock-float-body{flex:1;min-height:0;overflow:hidden}.dock-float-body.collapsed{display:none}.dock-float-resize{cursor:nwse-resize;width:14px;height:14px;position:absolute;bottom:0;right:0}.dock-float-resize:hover,.dock-float-resize.dragging{background:var(--accent)}.dock-drop-float{opacity:.85;background:color-mix(in srgb, var(--accent) 35%, transparent)}.ls-num{background:var(--panel-2);width:56px;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:3px 6px}.ls-unit{color:var(--text-dim);flex:none}.ls-radio-row .ls-radio-opt{color:var(--text);cursor:pointer;align-items:center;gap:5px;margin-right:12px;display:flex}.ls-angle-row{align-items:center;gap:12px;display:flex}.ls-angle-row>.ls-row{flex:none}.ls-angle-row .ls-global-light{margin-left:2px}.ls-inline-check{margin-left:14px}.ls-mode-row select{flex:1}.ls-color-swatch{border:1px solid var(--border);cursor:pointer;border-radius:3px;flex:none;width:40px;height:22px;padding:0}.ls-check-pair{align-items:center;gap:4px;display:flex}.ls-default-btns{background:var(--panel);justify-content:center;gap:10px;margin-top:12px;padding:8px 0 10px;display:flex;position:sticky;bottom:-10px}.ls-default-btns button{padding:4px 12px}.ls-add-preset{flex:none;width:24px;padding:2px 0}.ls-contour-pop{padding-right:32px}.ls-picker-gear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:1px 5px;position:absolute;top:6px;right:6px}.ls-picker-gear:hover{color:var(--text)}.ls-picker-names[hidden]{display:none}.ls-picker-names{flex-direction:column;max-height:180px;margin-top:6px;display:flex;overflow-y:auto}.ls-picker-name{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;padding:3px 8px}.ls-picker-name:hover{background:var(--accent)}.ls-knockout-row{margin-top:10px}.ls-fill-source-row{gap:8px}.ls-fill-source-row .ls-radio-opt{color:var(--text);cursor:pointer;align-items:center;gap:6px;display:flex}.ls-fill-source-row .ls-radio-opt-gradient{flex:1;min-width:0}.ls-gradient-swatch{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:3px;flex:1;align-items:center;gap:4px;min-width:64px;height:22px;padding:0 4px 0 0;display:flex;overflow:hidden}.ls-gradient-swatch canvas{border-radius:2px;flex:1;min-width:0;height:18px}.ls-gradient-pop{flex-direction:column;gap:2px;max-height:240px;display:flex;overflow-y:auto}.ls-gradient-cell{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:8px;padding:3px 6px;display:flex}.ls-gradient-cell:hover{border-color:var(--accent)}.ls-gradient-cell canvas{border:1px solid var(--border);border-radius:2px;flex:none}.ls-method-row select:disabled{opacity:.5;cursor:default}.ls-check-stack{flex-direction:column;gap:6px;margin-left:14px;display:flex}.ls-fill-type-group .ls-fill-type-row{margin-bottom:2px}.ls-fill-stack{display:grid}.ls-fill-stack>.ls-fill-panel{flex-direction:column;grid-area:1/1;gap:8px;min-width:0;display:flex}.ls-fill-stack>.ls-fill-panel.ls-fill-panel-hidden{visibility:hidden;pointer-events:none}.ls-reset-alignment{align-self:center}.ls-menu-pop{flex-direction:column;min-width:160px;padding:4px;display:flex}.ls-menu-item{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px}.ls-menu-item:hover:not(:disabled){background:var(--accent);color:#fff}.ls-menu-item:disabled{opacity:.4;cursor:default}.ls-picker-bar{gap:6px;margin-bottom:6px;display:flex}.ls-picker-search{background:var(--panel);min-width:120px;color:var(--text);border:1px solid var(--border);border-radius:4px;flex:1;padding:3px 8px}.ls-picker-folders{max-height:320px;overflow-y:auto}.ls-picker-folder summary{cursor:pointer;color:var(--text);padding:4px 2px;font-size:11px}.ls-picker-folder .ls-picker-grid{padding:4px 0 8px}.ls-picker-empty{color:var(--text-dim);margin:0;padding:6px 2px}.ls-page-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.ls-page-head .ls-page-title{margin-bottom:0}.ls-nav-toggle{background:var(--panel-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;flex:none;padding:2px 8px;display:none}.ls-nav-toggle:hover{background:var(--hover)}@media (max-width:880px){.ls-dialog[open]{flex-direction:column;width:calc(100vw - 12px);min-width:0;max-width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);display:flex}.ls-name-row{margin:10px 12px 8px}.ls-name{flex:1;min-width:0}.ls-main{flex-direction:column;flex:1;gap:8px;min-height:0;margin:0 12px 12px;display:flex}.ls-nav-col{flex:none;min-height:0;max-height:38vh;display:none}.ls-main.nav-open .ls-nav-col{display:flex}.ls-nav-toggle{display:inline-flex}.ls-page{flex:1;min-height:0;max-height:none}.ls-side{flex-flow:wrap;flex:none;align-items:center;gap:8px}.ls-preview-toggle{margin-top:0}.ls-thumb{width:36px;height:36px;margin-left:auto}.ls-row{flex-wrap:wrap;row-gap:4px}.ls-row-label{flex:0 0 100px}.ls-angle-row{flex-wrap:wrap}.ls-picker-grid{grid-template-columns:repeat(auto-fill,36px)}}