:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--bg-0: #0d100e;--bg-1: #111512;--bg-2: #171c18;--bg-3: #1c231e;--bg-4: #263029;--line: #2b352e;--line-soft: #232b25;--text: #e8eee9;--muted: #8d9b91;--muted-2: #68746b;--accent: #7fd5a5;--accent-strong: #46b77b;--accent-ink: #082316;--danger: #ef836f;--warning: #d4a14d;--header-h: 42px;--tabs-h: 34px;--options-h: 38px;--status-h: 25px;--rail-w: 49px;--dock-w: 300px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{margin:0;background:var(--bg-0);color:var(--text);font-size:12px}button,input,select,textarea{font:inherit}button,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}button:disabled{opacity:.38;cursor:not-allowed!important}.vireo-app{display:grid;grid-template-rows:var(--header-h) var(--tabs-h) var(--options-h) 1fr var(--status-h);width:100%;height:100%;min-width:760px;background:var(--bg-1);-webkit-user-select:none;user-select:none}.vireo-app[data-density=comfortable]{--header-h: 48px;--tabs-h: 39px;--options-h: 44px;--status-h: 29px;--rail-w: 55px;--dock-w: 320px;font-size:13px}.vireo-app[data-density=comfortable] .layer-row{height:42px}.vireo-app[data-density=comfortable] .tool-rail>button{width:41px;height:41px}.app-header{display:flex;align-items:center;gap:18px;padding:0 10px 0 12px;border-bottom:1px solid var(--line);background:#101411;z-index:30}.brand-lockup{display:flex;align-items:center;gap:7px;min-width:146px;letter-spacing:-.01em}.brand-lockup strong{font-size:14px;letter-spacing:.02em}.brand-lockup em{color:var(--muted-2);font-size:9px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:20px;height:20px;border:1px solid #4c7b60;border-radius:7px 2px 7px 7px;transform:rotate(-8deg)}.brand-mark span{display:block;width:7px;height:11px;border:2px solid var(--accent);border-top-width:0;border-radius:0 0 7px 7px;transform:rotate(35deg)}.menu-bar{display:flex;height:100%;align-items:center}.menu-bar details{position:relative;height:100%}.menu-bar summary{display:flex;height:100%;align-items:center;gap:3px;padding:0 9px;color:#bdc8c0;cursor:default;list-style:none;border-radius:3px}.menu-bar summary::-webkit-details-marker{display:none}.menu-bar details[open] summary,.menu-bar summary:hover{background:var(--bg-3);color:var(--text)}.menu-popover{position:absolute;left:0;top:38px;z-index:50;width:252px;padding:5px;border:1px solid #354039;border-radius:7px;background:#151a17;box-shadow:0 14px 32px #0008}.menu-popover button{display:grid;grid-template-columns:18px 1fr auto;align-items:center;width:100%;min-height:30px;border:0;border-radius:4px;background:transparent;text-align:left;cursor:default}.menu-popover button:hover{background:var(--bg-4)}.menu-popover kbd{color:var(--muted-2);font:10px ui-monospace,monospace}.menu-separator{display:block;height:1px;margin:4px 5px;background:var(--line)}.header-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.header-actions button,.local-badge{display:flex;align-items:center;gap:6px;height:27px;padding:0 9px;border:1px solid var(--line);border-radius:5px;background:var(--bg-2);color:#b9c4bc}.header-actions button{cursor:pointer}.header-actions button:hover{background:var(--bg-4);color:var(--text)}.header-actions kbd{padding:1px 4px;border:1px solid #3b463f;border-radius:3px;color:var(--muted);font:9px ui-monospace,monospace}.header-actions .recovery-button{border-color:#5b4e2c;color:#e5bf74}.header-actions .appearance-button{width:28px;padding:0;justify-content:center}.local-badge{border:0;background:transparent;color:#71907c;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.document-tabs{display:flex;align-items:end;gap:2px;padding:4px 7px 0;overflow-x:auto;border-bottom:1px solid var(--line);background:#0f1210;scrollbar-width:none}.document-tabs>button{display:flex;align-items:center;gap:6px;height:29px;min-width:130px;max-width:220px;padding:0 5px 0 10px;border:1px solid transparent;border-bottom:0;border-radius:5px 5px 0 0;background:#161a17;color:#89958c;cursor:default}.document-tabs>button>span:not(.tab-close){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-tabs>button.active{border-color:var(--line);background:var(--bg-3);color:var(--text)}.document-tabs>button>i{width:5px;height:5px;margin-left:auto;border-radius:50%;background:var(--accent)}.tab-close{display:grid;place-items:center;width:20px;height:20px;margin-left:auto;border-radius:3px}.tab-close:hover{background:#ffffff12}.document-tabs>.new-tab{min-width:28px;width:28px;padding:0;justify-content:center;background:transparent;font-size:17px}.options-bar{display:flex;align-items:center;gap:13px;min-width:0;padding:0 10px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--bg-3);scrollbar-width:none}.active-tool-label{display:flex;align-items:center;height:21px;min-width:86px;padding-right:14px;border-right:1px solid var(--line);color:var(--text);font-weight:600}.editing-context-badge{display:flex;align-items:center;gap:6px;min-width:max-content;height:23px;padding:0 8px;border:1px solid var(--line);border-radius:12px;background:#171c18;color:var(--text)}.editing-context-badge>i{width:7px;height:7px;border-radius:50%;background:#778179;box-shadow:0 0 0 2px #77817922}.editing-context-badge>span{font-weight:650;white-space:nowrap}.editing-context-badge>small{max-width:130px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.editing-context-badge.context-raster{border-color:#367157;background:#19261f}.editing-context-badge.context-raster>i{background:#71d39a;box-shadow:0 0 0 2px #71d39a2e}.editing-context-badge.context-vector{border-color:#4c6684;background:#1a222c}.editing-context-badge.context-vector>i{background:#76aeea;box-shadow:0 0 0 2px #76aeea2e}.editing-context-badge.context-text{border-color:#775f8a;background:#261e2c}.editing-context-badge.context-text>i{background:#cf91ea;box-shadow:0 0 0 2px #cf91ea2e}.editing-context-badge.context-structure{border-color:#79663d;background:#282318}.editing-context-badge.context-structure>i{background:#d6b666;box-shadow:0 0 0 2px #d6b6662e}.context-blocked-reason{max-width:360px;overflow:hidden;color:#dfad72;text-overflow:ellipsis;white-space:nowrap}.options-bar label{display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted)}.options-bar input[type=range]{width:76px;accent-color:var(--accent-strong)}.options-bar output{min-width:30px;color:#bfc9c1;font-variant-numeric:tabular-nums}.mini-number,.coordinate-input{height:23px;border:1px solid #39433c;border-radius:3px;background:#121613;color:var(--text);text-align:right}.mini-number{width:44px}.coordinate-input{width:58px}.options-bar>button{display:flex;align-items:center;gap:5px;height:25px;padding:0 8px;border:1px solid #364139;border-radius:4px;background:#202720;color:#bdc7c0;cursor:pointer;white-space:nowrap}.options-bar>button:hover{background:#29332b}.options-bar>button.active{border-color:#4b8060;background:#294535;color:var(--accent)}.options-divider{width:1px;height:20px;background:var(--line)}.option-hint{color:var(--muted)}.segmented-control{display:flex;padding:2px;border:1px solid #364139;border-radius:5px;background:#121613}.segmented-control button{height:22px;padding:0 9px;border:0;border-radius:3px;background:transparent;color:var(--muted);text-transform:capitalize;cursor:pointer}.segmented-control button.active{background:#355a43;color:#dff5e7}.editor-layout{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr) var(--dock-w);min-height:0}.tool-rail{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 5px;border-right:1px solid var(--line);background:#131714}.tool-rail>button{position:relative;display:grid;place-items:center;width:37px;height:36px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:#9aa79e;cursor:pointer}.tool-rail>button:hover{border-color:var(--line);background:var(--bg-3);color:var(--text)}.tool-rail>button.active{border-color:#3f6d51;background:#244031;color:var(--accent)}.tool-rail>button:disabled{opacity:.34;cursor:not-allowed}.tool-rail>button:disabled:hover{border-color:transparent;background:transparent;color:#9aa79e}.tool-rail>button.active:disabled{border-color:#775e36;background:#3b3020;color:#d7ad67;opacity:.72}.tool-rail>button>span{position:absolute;right:3px;bottom:2px;color:#617268;font-size:7px;font-weight:700}.tool-rail-spacer{flex:1}.color-wells{position:relative;width:38px;height:44px}.color-wells label{position:absolute;display:block;width:27px;height:27px;border:2px solid #d7ddd8;box-shadow:0 0 0 1px #000;cursor:pointer}.color-wells input{width:0;height:0;opacity:0}.foreground-well{left:0;top:0;z-index:2}.background-well{right:0;bottom:0}.workspace-shell{position:relative;min-width:0;min-height:0;overflow:hidden;background:#101310}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none}.display-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.direct-text-editor{position:absolute;z-index:8;box-sizing:border-box;margin:0;padding:0;border:1px solid var(--accent);outline:1px solid #fff8;overflow:hidden;resize:none;transform-origin:0 0;background:#ffffff18;caret-color:currentColor;white-space:pre-wrap}.canvas-host.cursor-move{cursor:move}.canvas-host.cursor-marquee,.canvas-host.cursor-shape,.canvas-host.cursor-gradient{cursor:crosshair}.canvas-host.cursor-brush,.canvas-host.cursor-eraser{cursor:none}.canvas-host.cursor-hand{cursor:grab}.canvas-host.cursor-hand:active{cursor:grabbing}.canvas-host.cursor-zoom{cursor:zoom-in}.canvas-host.cursor-blocked{cursor:not-allowed}.mask-editing-banner{position:absolute;top:10px;left:50%;translate:-50% 0;z-index:3;padding:5px 9px;border:1px solid #70c29377;border-radius:5px;background:#111a14e8;color:#a9d9bd;font-size:10px;letter-spacing:.02em;pointer-events:none}.canvas-host.mask-editing .brush-cursor{border-style:dashed;border-color:#f5f7f5;box-shadow:0 0 0 1px #111}.selection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.transform-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;overflow:hidden;pointer-events:none}.transform-frame{fill:none;stroke:#84e5ae;stroke-width:1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1px #07150d)}.transform-overlay.locked .transform-frame{stroke:#d1aa5c;stroke-dasharray:5 3}.transform-rotate-stem{stroke:#84e5ae;stroke-width:1;vector-effect:non-scaling-stroke}.transform-handle,.transform-rotate-handle{fill:#f4fff7;stroke:#256b43;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:all}.transform-handle-nw,.transform-handle-se{cursor:nwse-resize}.transform-handle-ne,.transform-handle-sw{cursor:nesw-resize}.transform-handle-n,.transform-handle-s{cursor:ns-resize}.transform-handle-e,.transform-handle-w{cursor:ew-resize}.transform-rotate-handle{cursor:grab}.transform-rotate-handle:active{cursor:grabbing}.canvas-grid line{stroke:#2c7a5866;stroke-width:1;vector-effect:non-scaling-stroke}.canvas-guides line{stroke:#45d8ff;stroke-width:1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1px #10252b)}.smart-guides line{stroke:#ff5fb7;stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1px #26101d)}.smart-guides text{fill:#ff8dca;font:10px ui-monospace,monospace;paint-order:stroke;stroke:#26101d;stroke-width:3px}.shape-draw-preview{fill:color-mix(in srgb,var(--accent) 16%,transparent);stroke:var(--accent);stroke-width:1.5;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}.canvas-ruler{position:absolute;z-index:2;border:1px solid #344039;background:#121713e8;color:#819087;font-size:8px;pointer-events:none;overflow:hidden}.ruler-horizontal{height:18px;border-radius:3px 3px 0 0}.ruler-vertical{width:18px;border-radius:3px 0 0 3px}.canvas-ruler span{position:absolute}.ruler-horizontal span{top:0;height:100%}.ruler-horizontal i{display:block;width:1px;height:6px;background:#718077}.ruler-horizontal em{position:absolute;top:7px;left:2px;font-style:normal}.ruler-vertical span{left:0;width:100%}.ruler-vertical i{display:block;width:6px;height:1px;background:#718077}.ruler-vertical em{position:absolute;top:2px;left:7px;writing-mode:vertical-rl;font-style:normal}.selection-ants{fill:none;stroke:#fff;stroke-width:1;stroke-dasharray:4 4;animation:ants .75s linear infinite;filter:drop-shadow(0 0 0 #000);vector-effect:non-scaling-stroke}.selection-preview{fill:#76d5a51a;stroke:var(--accent);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.path-nodes circle{fill:#fff;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.path-nodes circle.selected{fill:var(--accent);stroke:#fff}.pen-preview polyline{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.pen-preview circle{fill:#fff;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.gradient-preview line{stroke:#fff;stroke-width:1;stroke-dasharray:4 3;filter:drop-shadow(0 0 1px #000)}.gradient-preview circle{fill:#111;stroke:#fff;stroke-width:1}@keyframes ants{to{stroke-dashoffset:-8}}.brush-cursor{position:absolute;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0009;transform:translate(-50%,-50%);pointer-events:none}.canvas-zoom-controls{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;padding:3px;border:1px solid #38423b;border-radius:6px;background:#121613e8;box-shadow:0 4px 14px #0007}.canvas-zoom-controls button{display:grid;place-items:center;min-width:25px;height:24px;border:0;border-radius:3px;background:transparent;color:#aab5ad;cursor:pointer}.canvas-zoom-controls button:hover{background:var(--bg-4);color:#fff}.canvas-zoom-controls .zoom-readout{width:52px;font-variant-numeric:tabular-nums}.right-dock{display:grid;grid-template-rows:auto 33px minmax(0,1fr);min-width:0;min-height:0;border-left:1px solid var(--line);background:#141815}.color-panel{padding:10px 11px 9px;border-bottom:1px solid var(--line)}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:700}.panel-title>span{display:flex;align-items:center;gap:6px}.panel-title code{color:#c2ccc4;font-size:10px}.color-control-row{display:flex;align-items:center;gap:9px}.color-control-row input{width:40px;height:31px;padding:0;border:1px solid #465149;background:transparent}.color-control-row div{display:flex;flex-direction:column;gap:2px}.color-control-row strong{font-size:11px}.color-control-row span{color:var(--muted);font-size:9px}.recent-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;margin-top:10px}.recent-swatches button,.saved-swatches button{height:17px;border:1px solid #ffffff30;border-radius:2px;cursor:pointer}.palette-heading{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:6px;margin-top:8px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.05em}.palette-heading button{width:19px;height:18px;padding:0;border:1px solid var(--line);border-radius:3px;background:#202720;color:var(--text);cursor:pointer}.saved-swatches{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;margin-top:4px}.saved-swatches button{height:11px}.panel-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.panel-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer}.panel-tabs button:hover{color:var(--text)}.panel-tabs button.active{border-bottom-color:var(--accent-strong);color:var(--text)}.panel-body{min-height:0;overflow:hidden}.histogram-panel{display:flex;flex-direction:column;gap:9px;padding:12px}.histogram-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.histogram-heading span{display:flex;align-items:center;gap:6px;font-weight:650}.histogram-heading em{color:var(--muted);font-size:8px;font-style:normal;text-transform:uppercase}.histogram-chart{position:relative;min-height:110px;padding:7px;border:1px solid var(--line);border-radius:5px;background:#0c100d}.histogram-chart svg{display:block;width:100%;height:96px}.histogram-chart path{fill:none;stroke-width:1.1;vector-effect:non-scaling-stroke}.histogram-chart .hist-luminance{fill:#dce4de24;stroke:#dce4de55}.histogram-chart .hist-red{stroke:#ff766f;mix-blend-mode:screen}.histogram-chart .hist-green{stroke:#61d893;mix-blend-mode:screen}.histogram-chart .hist-blue{stroke:#6fa8ff;mix-blend-mode:screen}.histogram-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted)}.histogram-loading svg{width:18px;animation:spin .8s linear infinite}.histogram-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;text-transform:uppercase}.histogram-panel>p{margin:2px 0 0;color:var(--muted);line-height:1.5}@keyframes spin{to{rotate:360deg}}.layers-panel{display:flex;flex-direction:column;height:100%;min-height:0}.layer-composite-controls{display:grid;grid-template-columns:1fr 98px;gap:7px;padding:9px 8px;border-bottom:1px solid var(--line-soft)}.layer-composite-controls select{min-width:0;height:27px;border:1px solid #343e37;border-radius:4px;background:#111512;color:#c8d1ca;padding:0 5px}.layer-composite-controls label{display:grid;grid-template-columns:1fr 38px 11px;align-items:center;color:var(--muted);font-size:9px}.layer-composite-controls input{min-width:0;width:38px;height:25px;border:1px solid #343e37;background:#111512;color:var(--text);text-align:right}.adjustment-properties{display:grid;gap:7px;padding:9px;border-bottom:1px solid var(--line);background:#171c18}.adjustment-properties label:not(.check-row){display:grid;grid-template-columns:1fr 35px;gap:2px;color:var(--muted)}.adjustment-properties output{text-align:right;color:#c4cec6}.adjustment-properties input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--accent-strong)}.adjustment-preview{position:relative;display:grid;place-items:center;min-height:74px;margin-bottom:3px;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#0d110e}.adjustment-preview canvas{display:block;max-width:100%;max-height:112px;image-rendering:auto}.adjustment-preview span{position:absolute;right:5px;bottom:5px;padding:2px 4px;border-radius:3px;background:#0a0d0bbf;color:#92a198;font-size:7px;text-transform:uppercase}.adjustment-preview.working canvas{opacity:.55}.check-row{display:flex;align-items:center;gap:6px;color:#bbc5bd}.layer-list{min-height:0;flex:1;overflow-y:auto;padding:4px 0}.layer-row{display:flex;align-items:center;gap:6px;height:35px;padding-right:7px;border-left:2px solid transparent;color:#a9b4ac;cursor:default}.layer-row:hover{background:#1d231f}.layer-row.selected{border-left-color:var(--accent);background:#25342a;color:#edf2ee}.layer-visibility{display:grid;place-items:center;width:22px;height:25px;padding:0;border:0;background:transparent;color:#77847b;cursor:pointer}.group-expansion{display:grid;place-items:center;padding:2px;border:0;background:transparent;color:inherit;cursor:pointer}.layer-thumb{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border:1px solid #3b463e;border-radius:3px;background-color:#222a24;color:#8dac99}.layer-raster{background-image:linear-gradient(45deg,#313a33 25%,transparent 25%),linear-gradient(-45deg,#313a33 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#313a33 75%),linear-gradient(-45deg,transparent 75%,#313a33 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0}.layer-adjustment{color:#d9b56f}.layer-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-badge,.layer-mask-badge{color:var(--muted)}.vector-object-row{height:29px;border-left-color:#33443a;background:#111613;color:#8f9c93}.vector-object-row.selected{border-left-color:#9be6b8;background:#294234}.vector-object-row .layer-thumb{flex-basis:21px;width:21px;height:21px;border-color:#31513e;background:#1b2b21;color:#83c69d}.vector-object-row .layer-badge{font-size:7px;letter-spacing:.05em;text-transform:uppercase}.object-tree-rail{width:12px;height:14px;border-left:1px solid #33443a;border-bottom:1px solid #33443a;opacity:.8}.layer-mask-badge{display:grid;place-items:center;width:20px;height:20px;padding:0;border:1px solid transparent;border-radius:3px;background:transparent;cursor:pointer}.layer-mask-badge.active{border-color:var(--accent-2);background:#264b36;color:#c8efd7}.mask-properties{display:grid;grid-template-columns:1fr auto auto;gap:7px;padding:9px;border-bottom:1px solid var(--line);background:#141915}.mask-properties>div{grid-column:1 / -1;display:flex;justify-content:space-between;gap:8px}.mask-properties>div span{color:var(--muted);font-size:9px}.mask-properties button,.mask-properties label{display:flex;align-items:center;justify-content:center;gap:5px;min-height:25px;padding:0 7px;border:1px solid var(--line);border-radius:4px;background:#1c231d;color:var(--muted-2);font-size:9px}.mask-properties button{cursor:pointer}.mask-properties button.active{border-color:var(--accent-2);background:#264b36;color:#c8efd7}.mask-properties input{accent-color:var(--accent)}.layer-actions{display:grid;grid-template-columns:repeat(5,1fr);place-items:center;gap:2px;padding:5px 6px;border-top:1px solid var(--line)}.layer-actions button{display:grid;place-items:center;width:29px;height:27px;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;color:#919e95;cursor:pointer}.layer-actions button:hover{border-color:var(--line);background:var(--bg-4);color:var(--text)}.layer-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 7px 7px}.layer-order-actions button{height:25px;border:1px solid #343e37;border-radius:4px;background:#1d241f;color:#a9b4ac;cursor:pointer}.vector-loading{padding:10px;border-bottom:1px solid var(--line);color:var(--muted)}.vector-inspector{display:grid;gap:8px;padding:9px;border-bottom:1px solid var(--line);background:#171c18}.vector-inspector-title{display:flex;align-items:center;justify-content:space-between}.vector-inspector-title span{color:var(--muted-2);font-size:8px;text-transform:uppercase;letter-spacing:.05em}.vector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.vector-grid label,.vector-paint-row label,.vector-textarea,.vector-font{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;color:var(--muted)}.vector-grid input,.vector-font input,.vector-paint-row select{min-width:0;width:100%;height:25px;border:1px solid #364139;border-radius:3px;background:#111512;color:var(--text)}.vector-grid input{text-align:right}.vector-paint-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.vector-object-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.vector-paint-row input[type=color]{min-width:28px;width:28px;height:24px;padding:0;border:1px solid #465149;background:transparent}.vector-textarea,.vector-font{grid-template-columns:1fr}.vector-textarea textarea{resize:vertical;min-height:50px;padding:6px;border:1px solid #364139;border-radius:3px;background:#111512;color:var(--text);-webkit-user-select:text;user-select:text}.vector-font input{padding:0 6px;text-align:left;-webkit-user-select:text;user-select:text}.missing-font{margin:0;color:var(--warning);font-size:9px;line-height:1.4}.vector-path-summary{display:flex;flex-direction:column;gap:3px;padding:7px;border:1px solid var(--line);border-radius:4px}.vector-path-summary span,.vector-path-summary p{margin:0;color:var(--muted);font-size:9px;line-height:1.4}.history-panel{display:grid;grid-template-rows:auto 1fr;height:100%;min-height:0}.history-head{display:flex;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid var(--line);color:var(--muted)}.history-head button{display:flex;align-items:center;gap:5px;height:25px;border:1px solid #343e37;border-radius:4px;background:#1d241f;cursor:pointer}.history-list{min-height:0;overflow-y:auto;padding:5px 0}.history-entry{display:flex;align-items:center;gap:8px;min-height:30px;padding:0 10px;color:#9ca89f}.history-entry>span{display:grid;place-items:center;width:18px;height:18px;border:1px solid #374039;border-radius:50%;font-size:8px}.history-entry.current{background:#25342a;color:#e4ebe6}.history-entry.current>span{border-color:var(--accent);color:var(--accent)}.history-entry.origin{color:#68746b}.document-info-panel{padding:14px;overflow-y:auto}.document-preview-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:10px;border:1px solid #3a463e;border-radius:9px;background:#1d2821;color:var(--accent)}.document-info-panel h3{margin:0 0 4px;font-size:15px}.document-info-panel>p{margin:0;color:var(--muted)}.document-info-panel dl{margin:15px 0;border-top:1px solid var(--line)}.document-info-panel dl div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-soft)}.document-info-panel dt{color:var(--muted)}.document-info-panel dd{margin:0;color:#c6cfc8;text-align:right}.report-link{display:flex;align-items:center;gap:6px;width:100%;height:31px;padding:0 9px;border:1px solid #66562f;border-radius:5px;background:#282317;color:#dec078;cursor:pointer}.color-warning{display:flex;gap:8px;margin-top:10px;padding:9px;border:1px solid #33413a;border-radius:5px;background:#18201b;color:#8fa398}.color-warning p{margin:0;line-height:1.45}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-top:1px solid var(--line);background:#0f1210;color:#6f7d73;font-size:9px;font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.04em}.status-bar>div{display:flex;align-items:center;gap:16px}.mask-status{padding:2px 5px;border-radius:3px;background:#315f43;color:#d0f3dc}.status-ready{display:flex;align-items:center;gap:5px;color:#90b99e}.status-ready i{width:5px;height:5px;border-radius:50%;background:var(--accent-strong);box-shadow:0 0 6px #46b77b}.modal-backdrop,.palette-backdrop,.progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#060806b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog{width:min(500px,calc(100vw - 30px));border:1px solid #3a463e;border-radius:10px;background:#171c18;box-shadow:0 30px 80px #000c}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:17px 18px 13px;border-bottom:1px solid var(--line)}.dialog-heading h2{margin:3px 0 0;font-size:17px;letter-spacing:-.02em}.eyebrow{color:var(--accent);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.icon-button{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:5px;background:transparent;cursor:pointer}.icon-button:hover{background:var(--bg-4)}.preset-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:15px 18px 6px}.preset-row button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;height:52px;padding:8px;border:1px solid #354139;border-radius:5px;background:#1d241f;cursor:pointer}.preset-row button:hover{border-color:#4c755b}.preset-row button span{color:var(--muted);font-size:9px}.field{display:grid;gap:5px;margin:10px 18px 0;color:var(--muted)}.field>input,.field>span{height:32px;border:1px solid #38443b;border-radius:5px;background:#111512;color:var(--text)}.field>input{padding:0 9px}.field>span{display:flex;align-items:center}.field>span input{width:100%;height:100%;padding:0 8px;border:0;background:transparent;color:var(--text)}.field>span em{padding:0 8px;color:var(--muted);font-style:normal}.field-pair{display:grid;grid-template-columns:1fr 1fr}.background-choice{display:flex;gap:8px;margin:14px 18px 0;padding:0;border:0}.background-choice legend{margin-bottom:6px;color:var(--muted)}.background-choice label{display:flex;align-items:center;gap:6px;min-width:0;flex:1;height:32px;padding:0 7px;border:1px solid #354139;border-radius:5px;text-transform:capitalize}.background-swatch{width:14px;height:14px;border:1px solid #5b665e}.bg-transparent{background:conic-gradient(#fff 25%,#aaa 0,#aaa 50%,#fff 0,#fff 75%,#aaa 0);background-size:8px 8px}.bg-white{background:#fff}.bg-black{background:#000}.form-error{margin:10px 18px 0;color:var(--danger)}.dialog-actions{display:flex;justify-content:flex-end;gap:7px;padding:15px 18px 17px}.dialog-actions button{height:31px;padding:0 13px;border:1px solid #38443b;border-radius:5px;background:#202720;color:#bcc7be;cursor:pointer}.dialog-actions button.primary{border-color:#70c293;background:var(--accent);color:var(--accent-ink);font-weight:700}.geometry-dialog{width:min(520px,calc(100vw - 30px))}.geometry-link{display:flex;align-items:center;gap:7px;margin:12px 18px 2px;color:var(--muted)}.geometry-link input{accent-color:var(--accent)}.anchor-choice{margin:14px 18px 2px;padding:0;border:0;color:var(--muted)}.anchor-choice legend{margin-bottom:8px}.anchor-choice>div{display:grid;grid-template-columns:repeat(3,32px);gap:5px;width:max-content;padding:7px;border:1px solid var(--line);border-radius:7px;background:#111512}.anchor-choice label{position:relative;width:32px;height:27px;cursor:pointer}.anchor-choice input{position:absolute;opacity:0}.anchor-choice span{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #3a463e;border-radius:4px;background:#202720}.anchor-choice input:checked+span{border-color:var(--accent-2);background:var(--accent);box-shadow:inset 0 0 0 8px #17221b}.geometry-summary{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:14px 18px 2px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#131713}.geometry-summary span{color:var(--muted)}.geometry-summary strong{text-align:right;font-weight:600}.guide-dialog{width:min(390px,calc(100vw - 30px))}.guide-axis{display:flex;gap:18px;margin:14px 18px 2px;padding:0;border:0;color:var(--muted)}.guide-axis legend{margin-bottom:7px}.guide-axis label{text-transform:capitalize}.guide-axis input{accent-color:var(--accent)}.view-menu button>span:first-child{width:14px}.shortcut-dialog{width:min(430px,calc(100vw - 30px))}.shortcut-list{display:grid;gap:1px;margin:13px 18px 2px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.shortcut-list label{display:flex;align-items:center;justify-content:space-between;min-height:35px;padding:0 9px;background:#161b17}.shortcut-list input{width:42px;height:25px;border:1px solid #3c4840;border-radius:4px;background:#101411;color:var(--text);text-align:center;text-transform:uppercase;font-weight:750}.report-dialog{width:min(680px,calc(100vw - 30px))}.report-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:14px 18px 9px;padding:11px;border:1px solid #39453d;border-radius:6px;background:#1b221d}.report-summary>svg{color:var(--warning)}.report-summary>div{display:flex;flex-direction:column;gap:2px}.report-summary span{color:var(--muted)}.report-summary code{color:var(--muted-2);font-size:9px}.report-list{max-height:340px;margin:0 18px;overflow-y:auto;border:1px solid var(--line);border-radius:6px}.report-item{display:grid;grid-template-columns:7px 1fr auto;gap:9px;padding:10px;border-bottom:1px solid var(--line-soft)}.report-item:last-child{border:0}.report-dot{width:6px;height:6px;margin-top:4px;border-radius:50%;background:var(--warning)}.severity-error .report-dot{background:var(--danger)}.report-item strong{font-size:11px}.report-item p{margin:3px 0 0;color:var(--muted);line-height:1.4}.handling{align-self:start;padding:2px 5px;border:1px solid #4a4534;border-radius:3px;color:#bfaa76;font-size:8px;text-transform:uppercase}.report-footnote,.dialog-copy{margin:10px 18px 0;color:var(--muted-2);line-height:1.5}.empty-state.compact{display:flex;align-items:center;gap:8px;padding:18px;color:var(--accent)}.empty-state.compact p{margin:0;color:#b9c7bd}.recovery-list{max-height:350px;margin:14px 18px 18px;overflow-y:auto}.recovery-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;padding:9px;border-bottom:1px solid var(--line)}.recovery-item>svg{color:var(--accent)}.recovery-item>div{display:flex;flex-direction:column;gap:2px}.recovery-item>div span{color:var(--muted);font-size:9px}.recovery-item button{height:26px;border:1px solid #3b473f;border-radius:4px;background:#212922;cursor:pointer}.recovery-item .quiet-danger{color:var(--danger)}.command-palette{width:min(570px,calc(100vw - 30px));margin-top:-18vh;overflow:hidden;border:1px solid #435048;border-radius:10px;background:#151a17;box-shadow:0 28px 90px #000d}.command-palette>label{display:flex;align-items:center;gap:9px;height:48px;padding:0 15px;border-bottom:1px solid var(--line)}.command-palette input{flex:1;height:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}.command-results{max-height:370px;overflow-y:auto;padding:5px}.command-results button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:34px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:#bcc7bf;cursor:pointer;text-align:left}.command-results button:hover{background:#26332b;color:#fff}.command-results kbd{color:var(--muted);font:9px ui-monospace,monospace}.command-results p{padding:12px;color:var(--muted)}.drop-overlay{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:2px dashed var(--accent);border-radius:12px;background:#102117e8;color:var(--accent);pointer-events:none}.drop-overlay strong{font-size:17px}.drop-overlay span{color:#9fc0aa}.progress-overlay>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:min(430px,calc(100vw - 30px));padding:15px;border:1px solid #3c483f;border-radius:8px;background:#171c18;box-shadow:0 18px 50px #000b}.progress-overlay strong{font-size:11px}.progress-overlay progress{grid-column:2;width:100%;height:5px;accent-color:var(--accent)}.progress-overlay button{grid-column:3;grid-row:1 / 3;height:28px;border:1px solid #3b473f;border-radius:4px;background:#212922;cursor:pointer}.progress-spinner{grid-row:1 / 3;width:18px;height:18px;border:2px solid #3b4a40;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:38px;z-index:120;display:flex;align-items:center;gap:12px;max-width:520px;padding:9px 10px 9px 13px;border:1px solid #435148;border-radius:6px;background:#1c241f;box-shadow:0 8px 22px #000a;transform:translate(-50%)}.toast button{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:3px;background:transparent;cursor:pointer}@media(max-width:980px){:root{--dock-w: 260px}.brand-lockup em,.local-badge,.command-button span{display:none}.brand-lockup{min-width:auto}.options-bar{gap:8px}}@media(max-width:760px){.vireo-app{min-width:0;--dock-w: 230px}.menu-bar{display:none}.editor-layout{grid-template-columns:var(--rail-w) minmax(0,1fr)}.right-dock{position:fixed;top:calc(var(--header-h) + var(--tabs-h) + var(--options-h));right:0;bottom:var(--status-h);z-index:20;width:min(280px,76vw);box-shadow:-10px 0 30px #0009}.header-actions{margin-left:auto}.status-bar>div:first-child span:not(.status-ready){display:none}}@media(prefers-reduced-motion:reduce){.selection-ants,.progress-spinner{animation-duration:2s}}.vireo-app[data-theme=light]{color-scheme:light;--bg-0: #d7ddd8;--bg-1: #edf1ee;--bg-2: #e5eae6;--bg-3: #f5f7f5;--bg-4: #d9e0da;--line: #c8d0ca;--line-soft: #d8ded9;--text: #172019;--muted: #627068;--muted-2: #829087;--accent: #287c51;--accent-strong: #2f9663;--accent-ink: #f3fff7;--danger: #b94b3c;--warning: #9a6b1e}.vireo-app[data-theme=light] .app-header,.vireo-app[data-theme=light] .status-bar{background:#f8faf8}.vireo-app[data-theme=light] .document-tabs{background:#dfe5e0}.vireo-app[data-theme=light] .document-tabs>button{background:#e9eeea}.vireo-app[data-theme=light] .document-tabs>button.active,.vireo-app[data-theme=light] .options-bar{background:#f5f7f5}.vireo-app[data-theme=light] .tool-rail{background:#e9eeea}.vireo-app[data-theme=light] .workspace-shell{background:#cbd2cc}.vireo-app[data-theme=light] .right-dock{background:#f1f4f1}.vireo-app[data-theme=light] .menu-popover,.vireo-app[data-theme=light] .dialog,.vireo-app[data-theme=light] .command-palette,.vireo-app[data-theme=light] .progress-overlay>div{background:#fbfcfb;box-shadow:0 18px 55px #35423945}.vireo-app[data-theme=light] .menu-popover button:hover,.vireo-app[data-theme=light] .command-results button:hover{background:#dfe8e1;color:#102017}.vireo-app[data-theme=light] .mini-number,.vireo-app[data-theme=light] .coordinate-input,.vireo-app[data-theme=light] .layer-composite-controls select,.vireo-app[data-theme=light] .layer-composite-controls input,.vireo-app[data-theme=light] .field>input,.vireo-app[data-theme=light] .field>span,.vireo-app[data-theme=light] .segmented-control{background:#fff;color:var(--text)}.vireo-app[data-theme=light] .layer-row:hover{background:#e5ebe6}.vireo-app[data-theme=light] .layer-row.selected,.vireo-app[data-theme=light] .history-entry.current{background:#d6e8dc}.vireo-app[data-theme=light] .layer-order-actions button,.vireo-app[data-theme=light] .history-head button,.vireo-app[data-theme=light] .dialog-actions button,.vireo-app[data-theme=light] .recovery-item button{background:#eef2ef}.vireo-app[data-theme=light] .vector-inspector{background:#f5f7f5}.vireo-app[data-theme=light] .vector-grid input,.vireo-app[data-theme=light] .vector-font input,.vireo-app[data-theme=light] .vector-paint-row select,.vireo-app[data-theme=light] .vector-textarea textarea{background:#fff;color:var(--text)}.vireo-app[data-theme=light] .color-warning{background:#e8f0ea}.vireo-app[data-theme=light] .toast{background:#f7faf7;box-shadow:0 8px 22px #27372c35}.fill-panel{display:flex;flex-direction:column;height:100%;min-height:0}.fill-section-title{padding:9px 9px 0;color:var(--muted-2);font-size:8px;text-transform:uppercase;letter-spacing:.05em}.fill-mark{border-bottom:1px solid var(--line-soft);padding-bottom:9px}.fill-mark-row{display:flex;gap:5px;padding:7px 9px 0}.fill-mark-row input{min-width:0;flex:1;height:25px;padding:0 6px;border:1px solid #364139;border-radius:3px;background:#111512;color:var(--text);-webkit-user-select:text;user-select:text}.fill-mark-row span{flex:1;align-self:center;color:var(--muted)}.fill-mark-row span strong{color:var(--accent)}.fill-mark-row button{height:25px;padding:0 8px;border:1px solid #343e37;border-radius:4px;background:#1d241f;color:#a9b4ac;cursor:pointer;white-space:nowrap}.fill-hint{margin:0;padding:7px 9px 0;color:var(--muted);font-size:10px;line-height:1.45}.fill-list{min-height:0;flex:1;overflow-y:auto;padding:4px 0 8px}.fill-slot{display:grid;gap:5px;padding:8px 9px 0}.fill-slot-head{display:flex;align-items:center;gap:6px;color:#a9b4ac}.fill-slot-head strong{color:var(--text)}.fill-slot-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-2);font-size:9px}.fill-slot textarea{resize:vertical;min-height:34px;padding:6px;border:1px solid #364139;border-radius:3px;background:#111512;color:var(--text);-webkit-user-select:text;user-select:text}.fill-replace{display:flex;align-items:center;justify-content:center;gap:6px;height:27px;border:1px solid #343e37;border-radius:4px;background:#1d241f;color:#a9b4ac;cursor:pointer}.fill-replace:hover,.fill-mark-row button:hover,.fill-actions button:hover{border-color:var(--line);background:var(--bg-4);color:var(--text)}.fill-notice{margin:0;padding:7px 9px;border-top:1px solid var(--line-soft);color:var(--warning);font-size:10px}.fill-actions{display:grid;padding:7px;border-top:1px solid var(--line)}.fill-actions button{display:flex;align-items:center;justify-content:center;gap:6px;height:27px;border:1px solid #343e37;border-radius:4px;background:#1d241f;color:#a9b4ac;cursor:pointer}.fill-doc-line{padding:5px 9px 0;color:var(--muted);font-size:9px}.fill-slot-name{min-width:0;flex:1;height:22px;padding:0 5px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--text);font-weight:600;-webkit-user-select:text;user-select:text}.fill-slot-name:hover,.fill-slot-name:focus{border-color:#364139;background:#111512}.fill-image-body{display:grid;grid-template-columns:72px 1fr;gap:7px;align-items:start}.fill-thumb{display:grid;place-items:center;width:72px;height:54px;overflow:hidden;border:1px solid #3b463e;border-radius:3px;background:#0d110e}.fill-image-controls{display:grid;gap:5px}.fill-prompt{min-width:0;height:25px;padding:0 6px;border:1px solid #364139;border-radius:3px;background:#111512;color:var(--text);font-size:10px;-webkit-user-select:text;user-select:text}