@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.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{--plate:#d9dee3;--plate-high:#e9edf0;--plate-line:#b9c1c9;--pasteboard:#767c85;--ink:#16243a;--ink-soft:#4a5869;--magenta:#c9126b;--magenta-deep:#a30d56;--cyan:#0a86b8;--yellow:#f2c200;color:var(--ink);font-family:Archivo Variable,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.4}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--plate);grid-template-rows:52px 1fr;grid-template-columns:minmax(0,1fr);height:100dvh;margin:0;display:grid;overflow:hidden}body.busy .primary,body.busy .tool{pointer-events:none;opacity:.55}button,select,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.primary,.ghost{white-space:nowrap;border-radius:3px;height:34px;padding:0 14px;font-weight:600;font-stretch:92%}.primary{background:var(--magenta);border:1px solid var(--magenta);color:#fff}.primary:hover:not(:disabled){background:var(--magenta-deep);border-color:var(--magenta-deep)}.ghost{border:1px solid var(--plate-line);background:0 0}.ghost:hover:not(:disabled){background:var(--plate-high);border-color:var(--ink-soft)}.wide{width:100%}.topbar{background:var(--plate);border-bottom:1px solid var(--plate-line);align-items:center;gap:18px;padding:0 12px 0 14px;display:flex;position:relative}.brand{letter-spacing:-.01em;align-items:center;gap:9px;font-size:17px;font-weight:750;font-stretch:112%;display:flex}.brand-mark{width:22px;height:22px;position:relative}.brand-mark:before,.brand-mark:after{content:"";width:14px;height:14px;position:absolute}.brand-mark:before{background:var(--cyan);top:0;left:0}.brand-mark:after{background:var(--magenta);mix-blend-mode:multiply;bottom:0;right:0}.status{min-width:0;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}.status.error{color:var(--magenta-deep);font-weight:600}.topbar-actions{align-items:center;gap:6px;display:flex}.export-label{color:var(--ink-soft);margin-left:8px;font-size:14px}.progress{background:0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.progress span{background:var(--cyan);width:0;height:100%;transition:width .3s linear;display:block}.workspace{grid-template-columns:52px 1fr 300px;min-height:0;display:grid}.rail{border-right:1px solid var(--plate-line);flex-direction:column;gap:4px;padding:8px;display:flex}.tool{background:0 0;border:0;border-radius:3px;place-items:center;width:36px;height:36px;display:grid}.tool:hover{background:var(--plate-high)}.tool[aria-pressed=true]{background:var(--ink);color:#fff}.tool svg,.icon svg{fill:currentColor;width:20px;height:20px}.tool svg .line,.icon svg .line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.pasteboard{background:var(--pasteboard);min-width:0;position:relative;overflow:hidden}.dropzone{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.dropzone h1{letter-spacing:-.012em;text-wrap:balance;max-width:16em;margin:0;font-size:clamp(30px,4.6vw,58px);font-weight:720;font-stretch:78%;line-height:1.06}.dropzone p{color:#e5e9ed;margin:0 0 12px;font-size:16px}.dropzone .primary{height:42px;padding:0 24px;font-size:16px}.selection{background:var(--plate-high);border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;width:max-content;max-width:calc(100% - 24px);padding:8px 10px 8px 14px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.selection p{text-align:center;color:var(--ink-soft);flex-basis:100%;margin:0;font-size:14px}.segmented{border:1px solid var(--plate-line);border-radius:3px;margin:0;padding:0;display:inline-flex;overflow:hidden}.segmented label{cursor:pointer}.segmented input{opacity:0;position:absolute}.segmented span{padding:5px 11px;font-size:14px;font-stretch:92%;display:block}.segmented label+label span{border-left:1px solid var(--plate-line)}.segmented input:checked+span{background:var(--ink);color:#fff}.segmented input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:-2px}.slider{white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.slider input{width:96px;accent-color:var(--magenta)}.check{white-space:nowrap;cursor:pointer;align-items:center;gap:5px;font-size:14px;display:flex}.check input{accent-color:var(--magenta)}.panel{border-left:1px solid var(--plate-line);flex-direction:column;min-height:0;display:flex}.auto{border-bottom:1px solid var(--plate-line);flex-direction:column;gap:8px;padding:12px;display:flex}.auto .segmented{display:flex}.auto .segmented label{text-align:center;flex:1}.options{gap:16px;display:flex}.panel h2{margin:12px 12px 6px;font-size:15px;font-weight:700}.layers{flex:1;min-height:0;margin:0;padding:0 6px 8px;list-style:none;overflow-y:auto}.layers-empty{color:var(--ink-soft);flex:1;margin:0;padding:0 12px}.layers:has(+.layers-empty:not([hidden])){flex:none}.layer{cursor:pointer;border-radius:3px;align-items:center;gap:10px;padding:4px 4px 4px 6px;display:flex;position:relative}.layer:hover{background:var(--plate-high)}.layer[aria-current=true]{box-shadow:inset 3px 0 0 var(--magenta);background:#fff}.layer.off .thumb,.layer.off .layer-name,.layer.dragging{opacity:.4}.layer.drop-before:before,.layer.drop-after:after{content:"";background:var(--cyan);height:2px;position:absolute;left:0;right:0}.layer.drop-before:before{top:-1px}.layer.drop-after:after{bottom:-1px}.thumb{background:conic-gradient(#d4d8dd 25%, #eef0f2 0 50%, #d4d8dd 0 75%, #eef0f2 0) 0 0 / 10px 10px;border:1px solid var(--plate-line);flex:none;width:48px;height:36px}.layer-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.icon{width:30px;height:30px;color:var(--ink-soft);background:0 0;border:0;border-radius:3px;place-items:center;display:grid}.icon:hover{color:var(--ink);background:var(--plate)}.props{border-top:1px solid var(--plate-line);flex-direction:column;gap:10px;padding:12px;display:flex}.props .slider{justify-content:space-between}.props .slider input{width:170px}.select{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.select select{background:var(--plate-high);border:1px solid var(--plate-line);border-radius:3px;width:170px;height:30px}.stack{perspective:1800px;pointer-events:none;opacity:0;background:var(--pasteboard);place-items:center;transition:opacity .25s;display:grid;position:absolute;inset:0 0 60px}.stack.open{opacity:1}.sheet{background:#e9edf01f;outline:1px solid #ffffffbf;grid-area:1/1;transition:transform .75s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;transform:rotateX(0)rotate(0)translateZ(0)}.stack.open .sheet{transform:rotateX(58deg) rotateZ(-38deg) translateZ(var(--z))}.sheet img,.sheet canvas{transform-origin:0 0;position:absolute;top:0;left:0}.key-dialog{background:var(--plate-high);width:min(360px,100vw - 32px);color:var(--ink);border:0;border-radius:4px;padding:20px}.key-dialog::backdrop{background:#16243a8c}.key-dialog h2{margin:0 0 6px;font-size:20px;font-stretch:88%}.key-dialog p{color:var(--ink-soft);margin:0 0 14px}.key-dialog label{margin-bottom:4px;font-size:14px;font-weight:600;display:block}.key-dialog input{border:1px solid var(--plate-line);background:#fff;border-radius:3px;width:100%;height:36px;margin-bottom:14px;padding:0 8px}@media (width<=860px){body{grid-template-rows:auto 1fr;height:auto;min-height:100dvh;overflow:auto}.topbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.status{flex-basis:100%;order:3}.topbar-actions{flex-wrap:wrap}.workspace{grid-template-rows:auto 62vh auto;grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--plate-line);flex-direction:row}.panel{border-left:0;border-top:1px solid var(--plate-line)}.layers{max-height:40vh}}@media (prefers-reduced-motion:reduce){.sheet,.stack,.progress span{transition:none}}