@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--page:#050505;--panel:#111;--input:#1a1a1a;--text:#f2f2f2;--text2:#ffffff85;--border:#ffffff14;--border-strong:#ffffff29;--accent:#9890fd;--radius:8px;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-feature-settings:"cv11", "ss03";-webkit-font-smoothing:antialiased;font-family:Inter Variable,Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;line-height:1.4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--page);color:var(--text);overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled,input:disabled,textarea:disabled{cursor:default}:focus-visible{outline-offset:2px;outline:2px solid #ffffffb3}.dim{color:var(--text2)}.small{font-size:11.5px}.tiny{font-size:11px}.grow{flex:1}.nowrap{white-space:nowrap}.only-small{display:none!important}.format-center{top:var(--pad);height:var(--logo-h);z-index:35;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.app{--pad:20px;--header-h:34px;--logo-h:48px;--footer-h:0px;--header-gap:10px;height:100dvh;padding:var(--pad);gap:var(--header-gap);flex-direction:column;display:flex;position:relative;overflow:hidden}.topbar{height:var(--header-h);flex:none;align-items:center;gap:16px;min-width:0;display:flex}.logo{height:var(--logo-h);-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:12px;display:flex}.logo-mark{border:1.5px solid var(--text);border-radius:50%;flex:none;width:22px;height:22px;position:relative}.logo-mark:after{content:"";border:1.5px solid var(--text);border-radius:50%;position:absolute;inset:4px}.logo-name{white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;flex:none;font-size:14px;font-weight:600}.header-links{flex:none;align-items:center;gap:8px;display:flex}.header-right{top:var(--pad);right:var(--pad);height:var(--logo-h);z-index:5;align-items:center;display:flex;position:absolute}.header-links .btn{text-decoration:none}.logo-sep{background:var(--border-strong);flex:none;width:1px;height:20px;margin:0 6px}.logo-crumb{flex:none;font-size:13px}.logo-doc{field-sizing:content;min-width:80px;max-width:320px;height:30px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:6px;outline:none;margin-left:-8px;padding:0 8px;font-size:13px;transition:background .12s,border-color .12s}.logo-doc::placeholder{color:var(--text);opacity:1}.logo-doc:hover{background:#ffffff0d}.logo-doc:focus{background:var(--input);border-color:var(--border-strong)}.logo-doc:focus::placeholder{color:var(--text2)}.topbar .toolbar{flex:1;min-width:0}.workspace{height:calc(100vh - var(--logo-h) - var(--header-h) - var(--footer-h) - var(--header-gap) * 3 - var(--pad) * 2);height:calc(100dvh - var(--logo-h) - var(--header-h) - var(--footer-h) - var(--header-gap) * 3 - var(--pad) * 2);grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:20px;min-width:0;min-height:0;display:grid}.workspace>*{min-width:0;min-height:0}.toolbar{height:var(--header-h);flex:none;align-items:center;gap:6px;display:flex}.fmt-mobile{display:none}.toolbar-main{flex:1;justify-content:flex-start;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.toolbar-side{flex:none;justify-content:flex-end;align-items:center;gap:6px;width:320px;margin-left:14px;display:flex}.history{gap:6px;display:flex}.sep{background:var(--border);width:1px;height:18px;margin:0 4px}.anchor{position:relative}.stage{border:1px solid var(--border);--grid-size:24px;--grid-line:#ffffff0d;background-color:#0a0a0a;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:50%;border-radius:10px;height:100%;min-height:0;position:relative;overflow:hidden}.frame{outline:1px solid var(--border);border-radius:16px;position:absolute;overflow:hidden}.layer{width:100%;height:100%;display:block;position:absolute;inset:0}.overlay{cursor:crosshair;touch-action:none}.stage-error{color:var(--text2);position:absolute;inset:auto 16px 16px}.toast{background:var(--input);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:calc(100% - 32px);padding:7px 12px;font-size:12px;position:absolute;bottom:14px;left:50%;overflow:hidden;transform:translate(-50%)}.btn{border:1px solid var(--border);height:30px;color:var(--text);white-space:nowrap;background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 11px;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--border-strong);background:#ffffff0d}.btn:disabled{color:#ffffff47}.btn.on{background:var(--input);border-color:var(--border-strong)}.btn.icon{width:30px;padding:0}.btn.sm{height:24px;padding:0 8px;font-size:12px}.btn.icon.sm{width:24px;color:var(--text2);border-color:#0000;padding:0}.btn.icon.sm:hover:not(:disabled){color:var(--text)}.btn.icon.sm.on{color:var(--text);background:#ffffff1a;border-color:#0000}.stage-spots{z-index:5;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;top:14px;left:14px}.btn.wide{flex:1;width:100%;height:42px}.panel-body>.btn.wide{flex:none}.link{color:var(--text2);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:12px;-webkit-text-decoration:underline #ffffff3d;text-decoration:underline #ffffff3d}.link:hover:not(:disabled){color:var(--text)}.link:disabled{color:#ffffff3d;text-decoration:none}.btn-row{gap:8px;display:flex}.btn-row.between{justify-content:space-between;align-items:center}.popover{z-index:30;background:var(--panel);border:1px solid var(--border-strong);border-radius:10px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 30px #00000080}.popover.fmt{min-width:240px}.popover.fmt .pop-row{height:34px}.popover.recent{width:540px;max-width:calc(100vw - 24px);padding:10px}.pop-row{text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;width:100%;height:30px;padding:0 10px;display:flex;position:relative}.pop-row:hover{background:#ffffff0d}.pop-row.sel{background:var(--input)}.pop-row.sel:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:7px;bottom:7px;left:0}.pop-head{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;display:flex}.recent-grid{grid-template-columns:repeat(3,1fr);gap:10px;max-height:440px;display:grid;overflow:auto}.thumb{text-align:left;background:0 0;border:0;flex-direction:column;gap:4px;min-width:0;padding:0;display:flex}.thumb.preset-thumb{position:relative}.thumb-main{text-align:left;background:0 0;border:0;flex-direction:column;gap:4px;width:100%;min-width:0;padding:0;display:flex}.thumb img,.thumb-fallback{aspect-ratio:3/2;object-fit:cover;border:1px solid var(--border);border-radius:6px;width:100%;display:block}.thumb:hover img{border-color:var(--border-strong)}.thumb-actions{-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#0a0a0a9e;border:1px solid #ffffff1a;border-radius:8px;gap:2px;padding:2px;transition:opacity .12s,transform .12s;display:flex;position:absolute;top:6px;right:6px;transform:translateY(-2px)}.thumb:hover .thumb-actions,.thumb:focus-within .thumb-actions,.thumb-actions.confirming{opacity:1;pointer-events:auto;transform:none}@media (hover:none){.thumb-actions{opacity:1;pointer-events:auto;transform:none}}.thumb-act{width:24px;height:24px;color:var(--text2);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.thumb-act:hover,.thumb-act:focus-visible{color:var(--text);background:#ffffff24}.thumb-act.danger:hover{color:#ff8a8a}.thumb-act.danger.armed{color:#fff;background:#d9483f}.thumb-cap{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.empty{text-align:center;padding:18px 6px;font-size:12px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;height:100%;min-height:0;display:flex}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.brand{flex-direction:column;min-width:0;font-weight:600;line-height:1.25;display:flex}.brand .small{font-weight:400}.seed{align-items:center;gap:8px;font-size:12px;display:flex}.seed input{background:var(--input);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:6px;width:84px;height:32px;padding:0 8px}.toolbar-seg .seg{flex:none;grid-auto-flow:column;gap:2px;padding:2px;grid-template-columns:none!important}.toolbar-seg .seg button{height:28px;padding:0 10px}.tabs{border-bottom:1px solid var(--border);gap:18px;padding:0 16px;display:flex}.tab{color:var(--text2);background:0 0;border:0;padding:15px 0;position:relative}.tab:hover,.tab.active{color:var(--text)}.tab.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.panel-body{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;flex-direction:column;flex:1;gap:16px;min-height:0;padding:20px 16px 16px;display:flex;overflow-y:auto}.panel-foot{border-top:1px solid var(--border);flex-direction:column;flex:none;gap:10px;padding:12px 16px 16px;display:flex}.disclosure{width:100%;color:var(--text2);background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;padding:2px 0;display:flex}.disclosure:hover{color:var(--text)}.disclosure .chev{transition:transform .14s;display:inline-flex}.disclosure .chev.open{transform:rotate(180deg)}.field{flex-direction:column;gap:10px;display:flex}.label{color:var(--text2);font-size:11.5px}.rows{flex-direction:column;gap:2px;display:flex}.row{border-radius:8px;align-items:center;gap:6px;padding:4px 4px 4px 6px;display:flex;position:relative}.row.sel{background:var(--input)}.row.sel:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:7px;bottom:7px;left:0}.row.base{border-top:1px solid var(--border);border-radius:0;margin-top:6px;padding-top:8px}.swatch{border:1px solid #ffffff29;border-radius:6px;flex:none;width:32px;height:32px;position:relative;overflow:hidden}.swatch input{opacity:0;cursor:pointer;border:0;width:calc(100% + 16px);height:calc(100% + 16px);padding:0;position:absolute;inset:-8px}.swatch.disabled{opacity:.55}.swatch.disabled input{cursor:default}.hex{background:var(--input);border:1px solid var(--border);width:86px;height:32px;font-family:var(--font-mono);text-transform:uppercase;border-radius:6px;padding:0 8px;font-size:12px}.row.sel .hex{background:var(--panel)}.hex:disabled{color:var(--text2)}.paste{resize:none;background:var(--input);border:1px solid var(--border);width:100%;font-family:var(--font-mono);border-radius:8px;padding:8px 10px;font-size:12px}.paste::placeholder{color:#ffffff47}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background-clip:padding-box;border:1px solid #fff3;border-radius:6px;width:22px;height:22px;padding:0}.chip.sel{box-shadow:0 0 0 2px var(--panel), 0 0 0 3px var(--accent)}.slider{flex-direction:column;gap:7px;display:flex}.slider.disabled{opacity:.4}.slider-top{justify-content:space-between;font-size:12px;display:flex}.slider-label{color:var(--text2)}.slider-val{font-variant-numeric:tabular-nums}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0}input[type=range]:disabled{cursor:default}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--text) var(--p,0%), #ffffff29 var(--p,0%));border-radius:2px;height:2px}input[type=range]::-moz-range-track{background:#ffffff29;border-radius:2px;height:2px}input[type=range]::-moz-range-progress{background:var(--text);height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:0;border-radius:50%;width:12px;height:12px;margin-top:-5px}input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:12px;height:12px}.seg{background:0 0;border:0;flex:1;gap:6px;min-width:0;padding:0;display:grid}.seg button{background:var(--input);border:1px solid var(--border);height:32px;color:var(--text2);white-space:nowrap;border-radius:8px;padding:0 6px;font-size:12px}.seg button:hover:not(:disabled){color:var(--text)}.seg button.on{color:var(--text);border-color:var(--accent)}.seg button:disabled{opacity:.4}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:12px;display:inline-flex}.check.disabled{opacity:.4;cursor:default}.check input{opacity:0;width:0;height:0;position:absolute}.check .box{border:1px solid var(--border-strong);background:var(--input);border-radius:4px;flex:none;width:15px;height:15px;position:relative}.check input:checked+.box{background:var(--text);border-color:var(--text)}.check input:checked+.box:after{content:"";border:1.6px solid #0a0a0a;border-width:0 1.6px 1.6px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.check input:focus-visible+.box{outline-offset:2px;outline:2px solid #ffffffb3}input.num{background:var(--input);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:6px;width:100%;height:32px;padding:0 8px}.export-row{align-items:center;gap:10px;display:flex}.export-btn{background:var(--accent);color:#0a0a0a;letter-spacing:.01em;border:0;border-radius:9px;height:46px;font-size:14px;font-weight:650}.export-btn:hover{filter:brightness(1.06)}.export-btn:active{filter:brightness(.96)}.progress-wrap{flex-direction:column;justify-content:center;gap:8px;min-height:46px;display:flex}.progress{background:#ffffff1a;border-radius:4px;height:4px;overflow:hidden}.progress span{background:var(--accent);height:100%;display:block}.progress-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.scrim{display:none}.footer{height:var(--footer-h);color:var(--text2);-webkit-user-select:none;user-select:none;flex:none;justify-content:space-between;align-items:center;gap:16px;font-size:11.5px;display:flex}.footer a{color:var(--text);text-underline-offset:3px;-webkit-text-decoration:underline #ffffff3d;text-decoration:underline #ffffff3d}.footer a:hover{text-decoration-color:currentColor}@media (width<=900px){.toolbar-main{display:contents}.toolbar-side{width:auto;margin-left:auto}.format-center{display:none}.fmt-mobile{display:block}.header-links .btn span{display:none}.header-links .btn{width:30px;padding:0}.app{--pad:12px}.workspace{flex:1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:auto}.topbar{height:auto;min-height:var(--header-h);align-items:flex-end}.logo{height:var(--logo-h);flex-wrap:nowrap;gap:10px;padding:0}.logo-mark{flex:0 0 22px}.logo-name{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.logo-sep{margin:0}.logo-doc{field-sizing:fixed;text-overflow:ellipsis;flex:1 1 0;min-width:0;max-width:none}.toolbar{flex-wrap:wrap;row-gap:8px;height:auto}.footer{text-align:center;flex-direction:column;justify-content:center;gap:2px;height:auto;padding:2px 0 4px}.only-small{display:inline-flex!important}.panel{z-index:50;visibility:hidden;border-width:1px 0 0;border-radius:16px 16px 0 0;width:auto;height:auto;max-height:min(86dvh,680px);transition:transform .22s,visibility 0s linear .22s;position:fixed;inset:auto 0 0;transform:translateY(100%)}.panel.open{visibility:visible;transition:transform .22s;transform:none}.panel-foot{padding:10px 16px calc(12px + env(safe-area-inset-bottom));gap:8px}.panel-foot>.dim.tiny{display:none}.scrim{z-index:40;background:#0000008c;display:block;position:fixed;inset:0}.toolbar{position:relative}.anchor:has(>.popover.recent){position:static}.popover.recent{width:auto;max-width:none;max-height:min(78dvh,640px);padding:14px 16px calc(16px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:16px 16px 0 0;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -10px 30px #00000080}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;max-height:none;overflow:visible}.thumb-actions,.thumb-actions.confirming{background:var(--input);-webkit-backdrop-filter:none;order:3;justify-content:space-between;gap:4px;margin-top:2px;padding:3px;position:static;transform:none}.thumb-act{flex:1 1 0;width:auto;height:32px}.pop-hint{display:none}}@media (width<=480px){.header-links .btn span{display:none}.header-links .btn{width:30px;padding:0}.logo-sep,.logo-crumb{display:none}.logo-doc{margin-left:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.pop-hint{text-align:center;margin-top:8px;font-size:11px}.ctx-menu{z-index:40;background:var(--panel);border:1px solid var(--border-strong);border-radius:8px;min-width:140px;padding:4px;position:absolute;box-shadow:0 10px 30px #0009}.ctx-menu .pop-row.danger{color:#ff8a8a}.thumb-rename{width:100%;min-width:0;height:20px;font:inherit;color:var(--text);background:var(--input);border:1px solid var(--accent);border-radius:4px;outline:none;padding:0 4px;font-size:11px}.stage-actions{z-index:5;gap:6px;display:flex;position:absolute;top:14px;right:14px}.stage-actions .copy,.stage-spots .btn{height:32px;color:var(--text2);cursor:pointer;background:#17171b;border:1px solid #222228;transition:color .12s,border-color .12s}.stage-actions .copy:hover,.stage-spots .btn:hover:not(:disabled){color:var(--text);background:#17171b;border-color:#33333b}.stage-actions .copy{border-radius:6px;place-items:center;width:32px;padding:0;display:grid}.stage-spots .btn{border-radius:6px;gap:8px;padding:0 14px 0 12px;font-size:12px}.stage-actions .copy .i-check{display:none}.stage-actions .copy.done{color:#3fb950}.stage-actions .copy.done .i-figma{display:none}.stage-actions .copy.done .i-check{display:block}.stage-actions .dial{width:32px;height:32px;color:var(--text2);cursor:grab;touch-action:none;background:#17171b;border:1px solid #222228;border-radius:6px;place-items:center;padding:0;transition:color .12s,border-color .12s,transform .16s cubic-bezier(.2,.9,.3,1.3);display:grid}.stage-actions .dial:hover{color:var(--text);border-color:#33333b}.stage-actions .dial.turning{cursor:grabbing;color:var(--text);border-color:var(--accent);transform:scale(1.12)}.stage-actions .dial.turning:after{opacity:1;font-family:var(--font-mono);transition-delay:0s;transform:none}.stage-actions .dial.snapped.turning:after{background:var(--accent);border-color:var(--accent);color:#fff}.dial svg{overflow:visible}.dial-track{fill:none;stroke:currentColor;stroke-opacity:.35;stroke-width:1px}.dial-tick{stroke:currentColor;stroke-opacity:.55;stroke-width:1.2px;stroke-linecap:round}.dial-tick.on{stroke:var(--accent);stroke-opacity:1}.dial-sweep{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round}.dial-needle{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round}.dial-hub{fill:currentColor}.dial-knob{fill:var(--accent);stroke:#17171b;stroke-width:1px}.tip{position:relative}.tip:after{content:attr(data-tip);z-index:10;background:var(--input);border:1px solid var(--border-strong);color:var(--text);white-space:nowrap;pointer-events:none;opacity:0;border-radius:6px;padding:5px 9px;font-size:12px;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 6px);right:0;transform:translateY(-2px)}.tip:hover:after,.tip:focus-visible:after{opacity:1;transition-delay:.15s;transform:none}.split{display:inline-flex}.split>.btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.split>.btn.caret{border-left-color:#0000;border-top-left-radius:0;border-bottom-left-radius:0;width:26px;padding:0}.popover.menu{min-width:190px}.popover.menu.right{left:auto;right:0}.popover.menu a.pop-row{color:var(--text);text-decoration:none}.menu-sep{background:var(--border);height:1px;margin:5px 4px}.popover.type{width:300px;padding:10px}.type-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.type-card{border:1px solid var(--border);color:var(--text2);text-align:left;background:0 0;border-radius:8px;flex-direction:column;gap:6px;padding:5px 5px 7px;font-size:12px;display:flex}.type-card img,.type-card .thumb-fallback{aspect-ratio:16/9;object-fit:cover;background:var(--input);border-radius:5px;width:100%;display:block}.type-card:hover{color:var(--text);border-color:var(--border-strong)}.type-card.sel{color:var(--text);border-color:var(--accent)}.lib-tabs{background:var(--input);border:1px solid var(--border);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.lib-tabs button{height:24px;color:var(--text2);background:0 0;border:0;border-radius:5px;padding:0 12px;font-size:12px}.lib-tabs button.on{background:var(--panel);color:var(--text)}.field-inline{align-items:center;gap:8px;display:flex}.field-inline-label{color:var(--text2);font-size:12px}.btn.drop{justify-content:space-between;min-width:96px}.grip{width:16px;height:28px;color:var(--text2);opacity:0;cursor:grab;touch-action:none;background:0 0;border:0;flex:none;place-items:center;margin:0 -2px 0 -4px;padding:0;display:grid}.row:hover .grip,.grip:focus-visible,.row.dragging .grip{opacity:1}.grip:hover{color:var(--text)}.grip:disabled{display:none}.row.dragging{z-index:2;background:var(--input);box-shadow:0 6px 18px #00000073}.row.dragging .grip{cursor:grabbing}.popover.export-pop{flex-direction:column;gap:10px;width:320px;max-width:calc(100vw - 24px);padding:14px;display:flex}.popover.export-pop.right{left:auto;right:0}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0a0a0a;font-weight:600}.btn.primary:hover:not(:disabled){filter:brightness(1.06);background:var(--accent)}.toolbar-side{position:relative}.toolbar-side>.anchor{position:static}.side-col{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.side-col>.panel{flex:1;height:auto;min-height:0}.side-col .header-links{flex-wrap:wrap;grid-template-columns:1fr 1fr;justify-content:flex-end;display:grid}.side-col .header-links .btn{background:var(--panel);justify-content:center}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.side-col .header-links{justify-content:center;display:flex}.side-col .header-links .btn{width:auto;padding:0 12px}.side-col .header-links .btn span{display:inline}}.text-input{resize:vertical;background:var(--input);border:1px solid var(--border);border-radius:8px;outline:none;width:100%;min-height:56px;padding:8px 10px;font-family:inherit;font-size:14px;line-height:1.4;display:block}.text-input:focus,.text-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.fonts{flex-wrap:wrap;gap:6px;display:flex}.font-chip{background:var(--input);border:1px solid var(--border);height:32px;color:var(--text2);white-space:nowrap;border-radius:8px;padding:0 12px;font-size:13px}.font-chip:hover{color:var(--text)}.font-chip.on{color:var(--text);border-color:var(--accent)}