:root{--bg-0: #18191b;--bg-1: #222326;--bg-2: #2b2d31;--bg-3: #36383d;--bg-4: #44474d;--line: #3a3c41;--text: #d6d7da;--text-dim: #a0a3aa;--accent: #f0894a;--accent-dim: #8a5232;--danger: #e25c5c;--font: system-ui, -apple-system, "Segoe UI", "Noto Sans", "Ubuntu", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg-0);color:var(--text);font:12px/1.35 var(--font)}button,input,select,textarea{font:inherit;color:inherit}#app{display:flex;flex-direction:column;height:100%}.ic{display:inline-flex;width:18px;height:18px;flex:none}.ic svg{width:100%;height:100%;stroke-width:1.7}#menubar{display:flex;align-items:stretch;height:28px;background:var(--bg-1);border-bottom:1px solid var(--line);user-select:none}#menus{display:flex}.menu-title{padding:0 9px;display:flex;align-items:center;cursor:default}.menu-title:hover,.menu-title.open{background:var(--bg-3)}.menubar-right{margin-left:auto;display:flex;align-items:stretch;color:var(--text-dim)}#doc-info{display:flex;align-items:center;padding:0 12px}#menus{padding-left:4px}.logo{display:flex;align-items:center;gap:6px;padding:0 12px 0 11px;border-left:1px solid var(--line);color:var(--text)}.logo svg{width:17px;height:17px}.logo-back{fill:none;stroke:var(--text-dim);stroke-width:1.5}.logo-front{fill:var(--accent)}.logo-word{font-weight:700;font-size:12px;letter-spacing:.04em}@media(max-width:700px){.logo-word,#doc-info{display:none}}#menu-layer{position:fixed;inset:0;pointer-events:none;z-index:50}.dropdown{position:fixed;min-width:220px;background:var(--bg-2);border:1px solid var(--bg-4);box-shadow:0 8px 24px #00000073;padding:4px 0;pointer-events:auto}.dd-item{display:flex;align-items:center;gap:16px;padding:4px 14px 4px 22px;cursor:default;white-space:nowrap;position:relative}.dd-item:hover,.dd-item.open,.dd-item:focus{background:var(--accent-dim);color:#fff;outline:none}.dd-item:hover .key,.dd-item.open .key,.dd-item:focus .key,.dd-item:hover:after,.dd-item:focus:after{color:inherit}.dd-item.disabled{color:var(--text-dim);opacity:.55;pointer-events:none}.dd-item .key{margin-left:auto;color:var(--text-dim)}.dd-item.sub:after{content:"›" / "";margin-left:auto;color:var(--text-dim)}.dd-item.checked:before{content:"✓" / "";position:absolute;left:7px;color:var(--accent)}.dd-sep{height:1px;background:var(--line);margin:4px 0}#optionsbar{display:flex;align-items:center;gap:12px;height:34px;padding:0 10px;background:var(--bg-2);border-bottom:1px solid var(--line);white-space:nowrap;overflow-x:auto}#optionsbar .opt-tool{display:flex;align-items:center;gap:6px;font-weight:600;padding-right:10px;border-right:1px solid var(--line)}#optionsbar label{display:flex;align-items:center;gap:5px;color:var(--text-dim)}#optionsbar input[type=number]{width:52px}#optionsbar input[type=range]{width:90px}.seg{display:inline-flex;border:1px solid var(--bg-4)}.seg button{background:var(--bg-1);border:0;padding:3px 8px;cursor:pointer}.seg button+button{border-left:1px solid var(--bg-4)}.seg button.on{background:var(--accent-dim);color:#fff}input[type=number],input[type=text],select{box-sizing:border-box;height:22px;padding:0 6px;border:1px solid var(--bg-4);border-radius:3px;background:var(--bg-0);color:var(--text);line-height:20px;min-width:0}input[type=number]:hover,input[type=text]:hover,select:hover{border-color:#4a4d54}input[type=number]:focus,input[type=text]:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}input:disabled,select:disabled{opacity:.45;cursor:default}input[type=number]{appearance:textfield;-moz-appearance:textfield;text-align:right;font-variant-numeric:tabular-nums;padding:0 5px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}label:has(>input[type=number]),.field:has(input[type=number])>label{cursor:ew-resize;user-select:none}body.scrubbing,body.scrubbing *{cursor:ew-resize!important;user-select:none!important}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:22px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238e9198' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center}select option{background:var(--bg-2);color:var(--text)}input[type=range]{appearance:none;-webkit-appearance:none;height:24px;background:transparent;cursor:pointer;padding:0;margin:0}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--bg-4)}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--bg-4)}input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:var(--text);border:2px solid var(--accent)}input[type=range]::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:var(--text);border:2px solid var(--accent)}input[type=range]:focus{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #f0894a59}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #f0894a59}input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px;margin:0;cursor:pointer}input[type=color]{appearance:none;-webkit-appearance:none;width:34px;height:24px;padding:2px;border:1px solid var(--bg-4);border-radius:3px;background:var(--bg-0);cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}input[type=color]::-moz-color-swatch{border:0;border-radius:2px}.btn{display:inline-flex;align-items:center;gap:7px;background:var(--bg-3);border:1px solid var(--bg-4);padding:5px 12px;cursor:pointer}.btn:hover{background:var(--bg-4)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1310;font-weight:600}.btn.primary:hover{filter:brightness(1.08)}.icon-btn{background:transparent;border:0;padding:3px;cursor:pointer;display:inline-flex;color:var(--text-dim)}.icon-btn:hover{color:var(--text);background:var(--bg-3)}.icon-btn.on{color:var(--accent)}#workspace{flex:1;display:flex;min-height:0}#toolbar{width:42px;background:var(--bg-1);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:6px 0;gap:1px;user-select:none;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}#toolbar>*{flex-shrink:0}.tool-btn{position:relative;width:34px;height:30px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text-dim);cursor:pointer}.tool-btn:hover{background:var(--bg-3);color:var(--text)}.tool-btn.on{background:var(--bg-3);color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}.tool-btn.group:after{content:"";position:absolute;right:3px;bottom:3px;border:3px solid transparent;border-right-color:currentColor;border-bottom-color:currentColor;opacity:.6}.tool-sep{width:26px;height:1px;background:var(--line);margin:4px 0}.swatches{position:relative;width:38px;height:42px;margin-top:8px}.swatch{position:absolute;width:24px;height:24px;border:1px solid #000;box-shadow:0 0 0 1px #777;cursor:pointer}.swatch.fg{left:1px;top:1px;z-index:2}.swatch.bg{left:13px;top:16px}.swatch-mini{position:absolute;font-size:10px;color:var(--text-dim);cursor:pointer}.swatch-mini.swap{right:-2px;top:-3px}.swatch-mini.reset{left:0;bottom:-6px}.flyout{position:fixed;background:var(--bg-2);border:1px solid var(--bg-4);box-shadow:0 8px 24px #00000073;padding:3px 0;z-index:60}.flyout .dd-item{padding-left:10px;gap:9px}#center{flex:1;display:flex;flex-direction:column;min-width:0}#tabs{display:flex;height:26px;background:var(--bg-1);border-bottom:1px solid var(--line);overflow-x:auto}.tab{display:flex;align-items:center;gap:8px;padding:0 6px 0 12px;border-right:1px solid var(--line);color:var(--text-dim);cursor:pointer;white-space:nowrap}.tab.on{background:var(--bg-0);color:var(--text);box-shadow:inset 0 2px 0 var(--accent)}.tab .close{width:16px;height:16px;padding:0}.tab .close .ic{width:12px;height:12px}#viewport{position:relative;flex:1;overflow:hidden;background:var(--bg-0)}#view{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#text-editor{position:absolute;display:none;background:transparent;border:1px dashed var(--accent);color:transparent;caret-color:transparent;pointer-events:none;resize:none;overflow:hidden;padding:0;margin:0;outline:none;white-space:pre;line-height:1.2}#statusbar{display:flex;gap:18px;height:22px;align-items:center;padding:0 10px;background:var(--bg-1);border-top:1px solid var(--line);color:var(--text-dim)}#st-msg{margin-left:auto}#welcome{position:absolute;inset:0;display:flex;background:var(--bg-0);overflow-y:auto}#welcome.hidden{display:none}.welcome-inner{max-width:760px;padding:32px 20px;margin:auto;box-sizing:border-box}.welcome-inner .welcome-title{font-weight:700;font-size:clamp(26px,4.2vw,38px);line-height:1.12;margin:0 0 10px;color:var(--text);letter-spacing:-.015em;text-wrap:balance}.welcome-inner p{color:var(--text-dim);font-size:14px;line-height:1.55;margin:0 0 20px;max-width:62ch}.welcome-inner .welcome-lead{font-size:15px;color:var(--text)}.welcome-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.welcome-inner .hint{font-size:12px}#viewport.dragover:after{content:attr(data-drop-label);position:absolute;inset:12px;border:2px dashed var(--accent);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent);background:#f0894a0f}#panels{width:268px;background:var(--bg-1);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.panel{border-bottom:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.panel.grow{flex:1}.panel h2{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:0;background:var(--bg-2);color:var(--text-dim)}.panel-body{padding:8px 10px}#panel-history .panel-body{height:130px;overflow-y:auto;padding:2px 0}.hist-item{padding:3px 10px;cursor:pointer}.hist-item:hover{background:var(--bg-3)}.hist-item.on{background:var(--accent-dim);color:#fff}.hist-item.future{color:var(--text-dim);font-style:italic}.color-picker{display:grid;grid-template-columns:1fr 14px;gap:6px}.sv-box{position:relative;height:110px;cursor:crosshair}.sv-box canvas,.hue-bar canvas{width:100%;height:100%;display:block}.hue-bar{position:relative;height:110px;cursor:ns-resize}.picker-dot{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000;transform:translate(-50%,-50%);pointer-events:none}.hue-mark{position:absolute;left:-2px;right:-2px;height:3px;border:1px solid #fff;box-shadow:0 0 0 1px #000;transform:translateY(-50%);pointer-events:none}.color-fields{display:flex;gap:6px;margin-top:6px;align-items:center}.color-fields input{width:76px}.color-fields .cur{width:22px;height:22px;border:1px solid var(--bg-4)}.layer-props{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid var(--line)}.layer-props select{flex:1;min-width:0}.opacity-field{display:flex;align-items:center;gap:3px;color:var(--text-dim)}.opacity-field input{width:46px}#layer-list{flex:1;overflow-y:auto;padding:0;min-height:60px}.layer-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-bottom:1px solid var(--bg-2);cursor:pointer}.layer-row:hover{background:var(--bg-2)}.layer-row.on{background:var(--accent-dim);color:#fff}.layer-row.drop-above{box-shadow:inset 0 2px 0 var(--accent)}.layer-row.drop-below{box-shadow:inset 0 -2px 0 var(--accent)}.layer-row .thumb{width:36px;height:28px;flex:none;border:1px solid var(--bg-4);background:repeating-conic-gradient(#999 0 25%,#ddd 0 50%) 0 0 / 8px 8px}.layer-row .thumb canvas{width:100%;height:100%;display:block;object-fit:contain}.layer-row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row .badge{font-size:10px;color:var(--text-dim)}.layer-row.on .badge{color:#f3d3bf}.layer-row .layer-rename{flex:1;min-width:0}.layer-row .vis{color:inherit}.layer-row.hidden-layer .name,.layer-row.hidden-layer .thumb{opacity:.4}.layer-actions{display:flex;justify-content:flex-end;gap:2px;padding:4px 6px;border-top:1px solid var(--line)}#modal-root{position:fixed;inset:0;z-index:100;pointer-events:none}.modal-back{position:absolute;inset:0;background:#00000059;pointer-events:auto;display:flex;align-items:flex-start;justify-content:center;padding-top:9vh}.modal-back.clear{background:transparent;pointer-events:none;justify-content:flex-end;padding:64px 284px 0 0}.modal-back.clear .modal{pointer-events:auto}@media(max-width:900px){.modal-back.clear{padding:64px 16px 0 0}}.modal{background:var(--bg-2);border:1px solid var(--bg-4);box-shadow:0 16px 48px #0000008c;min-width:320px;max-width:min(560px,94vw)}.modal-head{margin:0;font-size:inherit;padding:8px 12px;background:var(--bg-3);font-weight:600;cursor:move;user-select:none}.modal-body{padding:12px;display:flex;flex-direction:column;gap:10px;max-height:70vh;overflow-y:auto}.modal-foot{display:flex;gap:8px;justify-content:flex-end;align-items:center;padding:10px 12px;border-top:1px solid var(--line)}.modal-foot .left{margin-right:auto;display:flex;align-items:center;gap:5px;color:var(--text-dim)}.field{display:grid;grid-template-columns:120px 1fr 64px;align-items:center;gap:8px}.field.two{grid-template-columns:120px 1fr}.field label{color:var(--text-dim)}.field input[type=range]{width:100%}.field input[type=number]{width:64px}.presets{display:flex;flex-wrap:wrap;gap:6px}.presets button{background:var(--bg-1);border:1px solid var(--bg-4);padding:4px 8px;cursor:pointer}.presets button:hover{border-color:var(--accent)}.anchor-grid{display:grid;grid-template-columns:repeat(3,22px);gap:2px}.anchor-grid button{width:22px;height:22px;background:var(--bg-1);border:1px solid var(--bg-4);cursor:pointer;padding:0}.anchor-grid button.on{background:var(--accent)}.curve-box{width:256px;height:256px;background:var(--bg-0);border:1px solid var(--bg-4);cursor:crosshair;display:block}[hidden]{display:none!important}.modal.export{width:min(1180px,96vw);max-width:none}.modal-body.ex-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0;padding:0;height:min(680px,74vh);max-height:none;overflow:hidden}.ex-stage{position:relative;background:var(--bg-0);min-height:0}.ex-stage:after{content:attr(data-zoom);position:absolute;left:10px;bottom:10px;padding:2px 7px;background:#000000b3;color:#fff;font-size:11px;pointer-events:none}.ex-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}.ex-canvas.grabbing{cursor:grabbing}.ex-stage-bar{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;gap:8px;z-index:1;pointer-events:none}.ex-stage-bar .seg{pointer-events:auto;box-shadow:0 2px 8px #0006}.ex-status{position:absolute;right:10px;bottom:10px;padding:2px 8px;background:#000000b3;color:#fff;font-size:11px;pointer-events:none}.ex-side{border-left:1px solid var(--line);padding:12px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.ex-block{display:flex;flex-direction:column;gap:6px}.ex-inline{flex-direction:row;align-items:center;justify-content:space-between}.ex-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.ex-name{display:flex;align-items:center;gap:4px}.ex-name input{flex:1;min-width:0}.ex-ext{color:var(--text-dim)}.ex-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.ex-fmt{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;background:var(--bg-1);border:1px solid var(--bg-4);cursor:pointer}.ex-fmt:hover{border-color:var(--text-dim)}.ex-fmt.on{border-color:var(--accent);background:#f0894a1f}.ex-fmt-name{font-weight:700}.ex-fmt-size{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.ex-fmt.on .ex-fmt-size{color:var(--accent)}.ex-q{display:flex;align-items:center;gap:6px;color:var(--text-dim)}.ex-q input[type=range]{flex:1;min-width:0}.ex-q input[type=number]{width:52px}.ex-q input:disabled{opacity:.45}.ex-note{margin:0;font-size:11px;color:var(--text-dim)}.ex-size{display:grid;grid-template-columns:1fr auto 1fr 74px;gap:6px;align-items:end}.ex-size label{display:flex;flex-direction:column;gap:2px;color:var(--text-dim);font-size:11px}.ex-size label:last-child{flex-direction:row;align-items:center;gap:3px}.ex-size input{width:100%;min-width:0}.ex-lock{height:22px;width:24px;padding:3px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-1);border:1px solid var(--bg-4);color:var(--text-dim);cursor:pointer}.ex-lock svg{width:14px;height:14px}.ex-lock.on{color:var(--accent);border-color:var(--accent-dim)}.ex-result{margin-top:auto;padding:12px;background:var(--bg-1);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;transition:opacity .15s}.ex-result.busy{opacity:.55}.ex-big{font-size:30px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.ex-delta{font-size:12px}.ex-delta.good{color:#7fd18b}.ex-delta.bad{color:var(--danger)}.ex-bar{height:8px;background:var(--bg-3);position:relative;overflow:hidden}.ex-bar-fill{position:absolute;inset:0 auto 0 0;background:#7fd18b;transition:width .2s}.ex-bar.over .ex-bar-fill{background:var(--danger)}.ex-compare{font-size:11px;color:var(--text-dim)}.ex-compare:empty{display:none}@media(max-width:760px){.modal-body.ex-body{grid-template-columns:1fr;grid-template-rows:42vh auto;height:auto;max-height:78vh;overflow-y:auto}.ex-side{border-left:0;border-top:1px solid var(--line);overflow:visible}}.font-btn{display:inline-flex;align-items:center;gap:6px;height:24px;width:180px;padding:0 4px 0 8px;background:var(--bg-0);border:1px solid var(--bg-4);color:var(--text);cursor:pointer}.font-btn:hover{border-color:var(--text-dim)}.font-btn-name{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.font-btn .ic{width:14px;height:14px;color:var(--text-dim)}.font-picker{position:fixed;z-index:70;width:360px;display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--bg-4);box-shadow:0 12px 32px #0000008c}.fp-head{padding:8px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--line)}.fp-head input{width:100%;height:26px}.fp-chips{display:flex;flex-wrap:wrap;gap:4px}.fp-chip{padding:2px 8px;background:var(--bg-1);border:1px solid var(--bg-4);border-radius:999px;font-size:11px;color:var(--text-dim);cursor:pointer}.fp-chip:hover{color:var(--text)}.fp-chip.on{background:var(--accent-dim);border-color:var(--accent-dim);color:#fff}.fp-list{flex:1;min-height:120px;max-height:420px;overflow-y:auto}.fp-item{padding:6px 10px;border-bottom:1px solid var(--bg-1);cursor:pointer}.fp-item.active{background:var(--bg-3)}.fp-item.current{box-shadow:inset 3px 0 0 var(--accent)}.fp-name{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim)}.fp-item.current .fp-name{color:var(--accent)}.fp-tag{font-size:10px;padding:0 5px;border:1px solid var(--bg-4);border-radius:999px}.fp-preview{font-size:22px;line-height:1.25;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-sep{height:0;border-top:1px solid var(--bg-4)}.fp-empty{padding:16px 10px;margin:0;color:var(--text-dim)}.fp-foot{padding:8px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.fp-sample{display:flex;align-items:center;gap:8px;color:var(--text-dim)}.fp-sample input{flex:1;min-width:0}.fp-foot-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.fp-count{color:var(--text-dim);font-size:11px}.fp-sys{padding:3px 9px;font-size:11px}@media(max-width:420px){.font-picker{width:calc(100vw - 16px)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--bg-4);border:2px solid var(--bg-1)}::-webkit-scrollbar-track{background:var(--bg-1)}.ruler{position:absolute;z-index:2;background:#26282c}#ruler-h{left:18px;right:0;top:0;height:18px;width:calc(100% - 18px);cursor:row-resize}#ruler-v{left:0;top:18px;bottom:0;width:18px;height:calc(100% - 18px);cursor:col-resize}#ruler-corner{position:absolute;z-index:2;left:0;top:0;width:18px;height:18px;background:#26282c;border-right:1px solid #3a3c41;border-bottom:1px solid #3a3c41}.layer-row{gap:4px}.layer-row .thumb.target{outline:2px solid var(--accent);outline-offset:1px}.layer-row .thumb.mask{background:#000}.layer-row .thumb.mask.off{position:relative;opacity:.5}.layer-row .thumb.mask.off:after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent 46%,var(--danger) 47% 53%,transparent 54%)}.layer-row .link{padding:0;color:var(--text-dim)}.layer-row .link .ic{width:12px;height:12px}.layer-row .link.off{opacity:.45}.layer-row .twisty{padding:2px;color:inherit}.layer-row .twisty .ic{width:14px;height:14px}.layer-row .kind-icon{display:inline-flex;color:var(--text-dim)}.layer-row.on .kind-icon{color:#f3d3bf}.layer-row .kind-icon .ic{width:16px;height:16px}.layer-row.group .name{font-weight:600}.layer-row.drop-into{box-shadow:inset 0 0 0 2px var(--accent)}.layer-row .badge.fx{background:transparent;border:0;padding:0 2px;font-style:italic;font-weight:700;cursor:pointer}.layer-actions{flex-wrap:wrap}#panel-paths .panel-body{max-height:92px;overflow-y:auto;padding:2px 0}.path-row{display:flex;align-items:center;gap:6px;padding:3px 8px;cursor:pointer}.path-row:hover{background:var(--bg-3)}.path-row.on{background:var(--accent-dim);color:#fff}.path-row .ic{width:15px;height:15px}.path-row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-row .icon-btn{color:inherit;opacity:.75}.paths-empty{padding:4px 10px;color:var(--text-dim);font-size:11px}.opt-pressure{display:inline-flex;gap:8px;align-items:center}.seg button[disabled]{opacity:.4;cursor:default}.st-body{display:grid;grid-template-columns:180px 1fr;gap:12px;min-height:230px}.st-list{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-right:8px}.st-item{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer}.st-item:hover{background:var(--bg-3)}.st-item.on{background:var(--bg-4);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.st-title{font-weight:600;margin-bottom:8px}.lq-body{display:flex;gap:14px;align-items:flex-start}.lq-stage{flex:none;background:repeating-conic-gradient(#999 0 25%,#ddd 0 50%) 0 0 / 16px 16px;line-height:0}.lq-canvas{display:block;max-width:100%;cursor:none;touch-action:none}.lq-side{width:220px;display:flex;flex-direction:column;gap:10px}.lq-modes{display:flex;flex-wrap:wrap;gap:4px}.lq-modes .btn{padding:4px 9px}.lq-field{display:grid;grid-template-columns:64px 1fr 34px;align-items:center;gap:6px}.lq-val{text-align:right;color:var(--text-dim)}.lq-hint{margin:0;color:var(--text-dim);font-size:11px;line-height:1.45}#panels-toggle{display:none;margin-right:4px}@media(max-width:760px){#panels-toggle{display:inline-flex}#panels{position:fixed;right:0;top:0;bottom:0;z-index:50;transform:translate(100%);visibility:hidden;transition:transform .18s ease,visibility 0s linear .18s;box-shadow:-10px 0 30px #00000080;max-width:86vw}body.panels-open #panels{transform:none;visibility:visible;transition:transform .18s ease,visibility 0s}#optionsbar{overflow-x:auto;flex-wrap:nowrap}.lq-body{flex-direction:column}.lq-side{width:100%}.st-body{grid-template-columns:1fr}.st-list{border-right:0;border-bottom:1px solid var(--line);padding:0 0 8px}}@media(pointer:coarse){.tool-btn{width:38px;height:36px}.layer-row{padding-top:7px;padding-bottom:7px}}#text-editor::selection{background:transparent;color:transparent}@media(max-width:760px){#menus{overflow-x:auto;scrollbar-width:none;min-width:0;flex:1}#menus::-webkit-scrollbar,#optionsbar::-webkit-scrollbar{display:none}#optionsbar{scrollbar-width:none}#toolbar{overflow-y:auto;scrollbar-width:none}}.lang-btn{align-self:stretch;display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;color:var(--text-dim);font-size:12px;padding:0 10px;cursor:pointer}.lang-btn:hover,.lang-btn.open{color:var(--text);background:var(--bg-3)}.lang-btn .ic{width:15px;height:15px}.lang-btn .ic:last-child{width:12px;height:12px;opacity:.7}@media(max-width:700px){.lang-btn span:not(.ic){display:none}}.layer-row .clip-arrow{color:var(--accent);font-size:13px;margin-right:-2px}.panel h2{cursor:pointer;user-select:none;position:relative}.panel h2:after{content:"▾" / "";position:absolute;right:10px;opacity:.6}.panel.collapsed h2:after{content:"▸" / ""}.panel.collapsed>:not(h2){display:none!important}.panel.grow.collapsed{flex:none}#panel-channels .panel-body{max-height:210px;overflow-y:auto;padding:2px 0}.channel-row{display:flex;align-items:center;gap:8px;padding:3px 8px;cursor:pointer}.channel-row:hover{background:var(--bg-3)}.channel-row.on{background:var(--accent-dim);color:#fff}.channel-row .thumb{width:36px;height:28px;flex:none;border:1px solid var(--bg-4)}.channel-row .thumb canvas{display:block;width:100%;height:100%}.channel-row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-row .icon-btn{color:inherit;opacity:.75}.channel-foot{padding:6px 8px}.channel-foot .btn{padding:3px 10px;font-size:12px}#optionsbar{scrollbar-width:thin}#optionsbar::-webkit-scrollbar{height:4px}.modal a{color:var(--accent);text-underline-offset:2px}.modal a:hover{color:#f6a576}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.menu-title,.panel-toggle,.tab-name,.hist-item,.layer-row .layer-name,.swatch,.swatch-mini{font:inherit;color:inherit;background:transparent;border:0;margin:0;padding:0;text-align:left;cursor:pointer}.menu-title{padding:0 9px;cursor:default}.panel-toggle{display:block;width:100%;padding:6px 28px 6px 10px;text-transform:inherit;letter-spacing:inherit;font-weight:inherit}.tab-name{align-self:stretch;padding:0 2px}.hist-item{display:block;width:100%;padding:4px 10px}.layer-row .layer-name{padding:2px 0}.swatch{padding:0;border:1px solid #000}.swatch.fg{background-clip:padding-box}.swatch-mini{padding:2px;line-height:1;color:var(--text-dim)}.swatch-mini:hover{color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn.primary:focus-visible{outline-color:#fff;outline-offset:2px}.menu-title:focus-visible,.panel-toggle:focus-visible,.hist-item:focus-visible,.tab-name:focus-visible{outline-offset:-2px}.modal:focus{outline:none}input[type=number]:focus-visible,input[type=text]:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:-1px;box-shadow:none}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}input[type=checkbox]:focus-visible{outline-offset:2px}input[type=number],input[type=text],select{min-height:24px}.icon-btn{min-width:24px;min-height:24px;align-items:center;justify-content:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(forced-colors:active){.swatch,.layer-row .thumb canvas,#view,.sv-box,.hue-bar{forced-color-adjust:none}.tool-btn.on,.seg button.on,.layer-row.on,.hist-item.on,.dd-item:focus,.dd-item.open{outline:2px solid Highlight;outline-offset:-2px}.dd-item.checked:before{color:Highlight}.ic svg{stroke:currentColor}}.layer-row.on :focus-visible,.hist-item.on:focus-visible,.seg button.on:focus-visible{outline-color:#fff}.shortcut-list{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;margin:0}.shortcut-list dt{font-weight:700}.shortcut-list dd{margin:0}.curve-box:focus-visible{outline-offset:3px}#menubar :focus-visible,#optionsbar :focus-visible,#toolbar :focus-visible,#tabs :focus-visible,.layer-actions :focus-visible,.layer-props :focus-visible{outline-offset:-2px}.swatch:focus-visible{outline-offset:-3px;outline-color:#fff;box-shadow:0 0 0 2px var(--accent)}.welcome-section{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.welcome-section h3{margin:0 0 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}.welcome-features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 24px}.welcome-features li{font-size:13px;line-height:1.5;color:var(--text-dim);padding-left:14px;position:relative}.welcome-features li:before{content:"" / "";position:absolute;left:0;top:.55em;width:6px;height:6px;background:var(--accent);border-radius:1px}.welcome-features b{color:var(--text);font-weight:600}.welcome-faq{margin:0;display:grid;gap:4px}.welcome-faq dt{font-size:13px;font-weight:600;color:var(--text);margin-top:10px}.welcome-faq dd{margin:0;font-size:13px;line-height:1.55;color:var(--text-dim);max-width:68ch}.welcome-inner .welcome-foot{margin:30px 0 0;font-size:12px}.welcome-foot a{color:var(--text);text-underline-offset:2px}.welcome-foot a:hover{color:var(--accent)}h1.logo{margin:0;font-size:inherit;font-weight:inherit}