@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.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}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.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{--bg:#e8ecf2;--panel:#f7f9fc;--ink:#0f1b2d;--muted:#5d6b80;--line:#d3dae4;--mat:#e8ecf2;--dot:#c3ccd9;--control:#fff;--accent:#1b2f4e;--accent-soft:#e3e9f2;--on-accent:#fff;--mark-accent:#c9ad72;--danger:#b3261e;--shadow:0 1px 2px #0f1b2d14, 0 18px 40px -12px #0f1b2d47;--display:"Bricolage Grotesque Variable", "Geist Variable", system-ui, sans-serif;--body:"Geist Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a111c;--panel:#141e2e;--ink:#eaf0f8;--muted:#92a0b5;--line:#2a3850;--mat:#0a111c;--dot:#1c2738;--control:#1c283b;--accent:#e3d2ae;--accent-soft:#2b2a24;--on-accent:#1d1808;--mark-accent:#e3d2ae;--danger:#ff8f85;--shadow:0 1px 2px #00000080, 0 22px 50px -12px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0a111c;--panel:#141e2e;--ink:#eaf0f8;--muted:#92a0b5;--line:#2a3850;--mat:#0a111c;--dot:#1c2738;--control:#1c283b;--accent:#e3d2ae;--accent-soft:#2b2a24;--on-accent:#1d1808;--mark-accent:#e3d2ae;--danger:#ff8f85;--shadow:0 1px 2px #00000080, 0 22px 50px -12px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font:15px/1.45 var(--body);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{grid-template-rows:auto minmax(0,1fr);min-height:100%;display:grid}.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.brand{font:700 20px/1 var(--display);letter-spacing:-.02em;align-items:center;gap:10px;display:flex}.brand-mark{background:var(--ink);border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.brand-mark i{background:var(--bg);width:10px;height:14px;box-shadow:3px 3px 0 var(--mark-accent);border-radius:1.5px;transform:translate(-1px,-1px)}.top-right{align-items:center;gap:14px;display:flex}.theme{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:3px;display:flex}.theme button{width:32px;height:26px;color:var(--muted);background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.theme button:hover{color:var(--ink)}.theme button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.private{color:var(--muted);align-items:center;gap:7px;margin:0;font-size:13px;display:flex}.private svg{flex:none}.work{grid-template-columns:minmax(0,1fr) 400px;min-height:0;display:grid}.stage{height:calc(100vh - 55px);background-color:var(--mat);background-image:radial-gradient(var(--dot) 1px, transparent 1px);background-size:18px 18px;flex-direction:column;height:calc(100dvh - 55px);min-height:420px;display:flex;position:sticky;top:0}.mat{flex:1;place-items:center;min-height:0;margin:36px 36px 20px;display:grid;container-type:size}.sheet{width:min(100cqw, calc(100cqh * var(--ratio)));aspect-ratio:var(--ratio);box-shadow:var(--shadow);background:#fff;border-radius:2px;transition:width .35s cubic-bezier(.3,.7,.2,1);position:relative;overflow:hidden}.sheet img{transition:left .35s cubic-bezier(.3,.7,.2,1),top .35s cubic-bezier(.3,.7,.2,1),width .35s cubic-bezier(.3,.7,.2,1),height .35s cubic-bezier(.3,.7,.2,1);display:block;position:absolute}.loading{color:var(--muted)}.caption{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;padding:0 20px 20px;font-size:13px;display:flex}.caption b{color:var(--ink);font-weight:600}.caption .arrow{color:var(--accent)}.pager{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;align-items:center;gap:8px;margin-left:8px;padding:2px;display:inline-flex}.pager button{background:0 0;border:0;border-radius:50%;width:26px;height:26px;font-size:17px;line-height:1}.pager button:hover:not(:disabled){background:var(--accent-soft)}.pager button:disabled{opacity:.3}.drop{border:2px dashed var(--dot);background:color-mix(in srgb, var(--panel) 70%, transparent);color:var(--muted);text-align:center;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;margin:36px;padding:24px;transition:border-color .15s,background .15s;display:flex}.drop:hover,.is-dragging .drop{border-color:var(--accent);background:var(--panel)}.drop strong{color:var(--ink);font:600 26px/1.2 var(--display);letter-spacing:-.02em}.drop em{color:var(--danger);margin-top:12px;font-style:normal;font-weight:500}.drop-sheet{width:84px;height:112px;box-shadow:var(--shadow);background:#fff;border-radius:3px;place-items:center;margin-bottom:18px;transition:transform .2s;display:grid}.drop-sheet i{opacity:.85;background:#1b2f4e;border-radius:2px;width:48px;height:40px;transition:all .25s}.drop:hover .drop-sheet,.is-dragging .drop-sheet{transform:translateY(-4px)rotate(-2deg)}.drop:hover .drop-sheet i,.is-dragging .drop-sheet i{width:62px;height:52px}.panel{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;gap:22px;padding:28px 24px 24px;display:flex}.panel h1{font:650 27px/1.12 var(--display);letter-spacing:-.025em;text-wrap:balance;margin:0}.file{border:1px solid var(--line);background:var(--control);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.file div{flex:1;min-width:0;display:grid}.file b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.file span{color:var(--muted);font-size:13px}.link{color:var(--accent);background:0 0;border:0;padding:4px 2px;font-weight:600}.icon-button{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;margin-right:-4px;display:grid}.icon-button:hover{background:var(--accent-soft);color:var(--accent)}.link:hover{text-decoration:underline}.field{gap:8px;display:grid}.field-head{justify-content:space-between;align-items:baseline;display:flex}.field h2{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.field-head span{font-variant-numeric:tabular-nums;font-size:13px}.field-inline{grid-template-columns:auto minmax(0,1fr) 44px;align-items:center;gap:12px}.field-inline span{font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.hint{color:var(--muted);margin:0;font-size:13px}.sizes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.size{border:1px solid var(--line);background:var(--control);border-radius:10px;align-content:end;justify-items:center;gap:1px;min-height:84px;padding:8px 2px;transition:border-color .12s,background .12s;display:grid}.size i{border:1.5px solid var(--muted);border-radius:1.5px;margin-bottom:5px}.size i.dashed{border-style:dashed}.size b{font-size:14px;font-weight:600}.size span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.size:hover{border-color:var(--muted)}.size[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.size[aria-pressed=true] i{border-color:var(--accent);background:var(--accent)}.custom{color:var(--muted);align-items:end;gap:8px;font-size:13px;display:flex}.custom label{flex:1;gap:3px;display:grid}.custom input{border:1px solid var(--line);background:var(--control);width:100%;color:var(--ink);border-radius:8px;padding:8px 10px;font-size:15px}.custom>span{padding-bottom:9px}.seg{background:color-mix(in srgb, var(--line) 60%, transparent);border-radius:10px;padding:3px;display:flex}.seg button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;flex:1;padding:8px 6px;font-size:14px;font-weight:500}.seg button:hover{color:var(--ink)}.seg button[aria-pressed=true]{background:var(--control);color:var(--ink);box-shadow:0 1px 2px #00000024}input[type=range]{width:100%;accent-color:var(--accent);margin:2px 0}.action{border-top:1px solid var(--line);background:var(--panel);gap:10px;margin:auto -24px -24px;padding:16px 24px 24px;display:grid;position:sticky;bottom:0}.primary{background:var(--accent);width:100%;color:var(--on-accent);border:0;border-radius:12px;padding:14px 18px;font-size:16px;font-weight:600;transition:filter .12s,transform .12s;position:relative;overflow:hidden}.primary>span:not(.bar){position:relative}.primary:hover:not(:disabled){filter:brightness(1.08)}.primary:active:not(:disabled){transform:translateY(1px)}.primary:disabled{background:color-mix(in srgb, var(--line) 80%, transparent);color:var(--muted)}.primary .bar{background:var(--accent);opacity:.28;transition:width .2s;position:absolute;inset:0 auto 0 0}.primary .bar[data-indeterminate=true]{animation:1.1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.1}}.done{gap:10px;display:grid}.done p{font-variant-numeric:tabular-nums;margin:0;font-size:14px}.error{color:var(--danger);margin:0;font-size:14px;font-weight:500}@media (min-width:881px){.app{height:100vh;height:100dvh;min-height:0;overflow:hidden}.work{grid-template-rows:minmax(0,1fr)}.stage{height:auto;min-height:0;position:static}.panel{min-height:0;overflow-y:auto}}@media (min-width:881px) and (max-height:900px){.top{padding-block:10px}.mat{margin:24px 28px 14px}.drop{margin:24px}.caption{padding-bottom:14px}.panel{gap:13px;padding-top:18px}.panel h1{font-size:22px}.file{padding-block:7px}.field{gap:6px}.size{min-height:60px;padding-block:6px}.size i{display:none}.seg button{padding-block:6px}.action{margin-bottom:-24px;padding-top:12px;padding-bottom:16px}.primary{padding-block:12px}}@media (min-width:881px) and (max-height:760px){.panel{gap:10px;padding-top:14px}.panel h1{font-size:19px}.size{min-height:50px;padding-block:4px}.mat{margin:18px 24px 10px}}@media (max-width:880px){.private span{display:none}.private:after{content:"Private — nothing is uploaded"}.work{grid-template-columns:minmax(0,1fr)}.stage{height:52vh;min-height:320px;position:static}.mat{margin:20px 20px 12px}.drop{margin:16px}.caption{padding-bottom:14px}.panel{border-top:1px solid var(--line);border-left:0;padding:22px 16px 16px}.action{margin:auto -16px -16px;padding:12px 16px 16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}