@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-theme=dark]{--bg: #0b0b0c;--card: #111113;--hov: #18181b;--line: #2a2a2e;--fg: #ececec;--mut: #8a8a8f;--acc: #ffffff;--acc-ink: #0b0b0c;--ok: #5fd68a;--err: #ff7a6b;--checker: repeating-conic-gradient(#1a1a1d 0% 25%, #131315 0% 50%) 50% / 12px 12px;color-scheme:dark}[data-theme=light]{--bg: #fafafa;--card: #ffffff;--hov: #f2f2f3;--line: #d9d9dc;--fg: #111111;--mut: #6b6b70;--acc: #000000;--acc-ink: #ffffff;--ok: #157a42;--err: #c2341b;--checker: repeating-conic-gradient(#ececee 0% 25%, #ffffff 0% 50%) 50% / 12px 12px;color-scheme:light}:root{--font: "Space Grotesk Variable", "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--t-meta: 12px;--t-sec: 14px;--t-body: 16px;--track: .12em}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg)}body{min-height:100vh;font:400 var(--t-sec)/1.55 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.label,.field>.label{font-size:var(--t-meta);font-weight:500;letter-spacing:var(--track);text-transform:uppercase;color:var(--mut);line-height:1.4}.meta{font-size:var(--t-meta);color:var(--mut);margin:0}.bar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr 1fr 1fr 56px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent)}.cell{display:flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 16px;border:0;border-right:1px solid var(--line);background:transparent;font-size:13px;font-weight:500;letter-spacing:var(--track);text-transform:uppercase;color:var(--mut);white-space:nowrap}.cell:last-child{border-right:0}a.cell:hover,button.cell:hover{background:var(--hov);color:var(--fg)}.cell.brand{color:var(--fg);font-weight:600}.cell.icon{cursor:pointer;font-size:16px;letter-spacing:0}.dot{width:6px;height:6px;border-radius:50%;background:var(--ok)}@media(max-width:700px){.bar{grid-template-columns:1fr auto auto 56px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--fg);font-size:var(--t-sec);font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s}.btn:hover:not(:disabled){background:var(--hov);border-color:var(--mut)}.btn.primary{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}.btn.primary:hover:not(:disabled){background:color-mix(in srgb,var(--acc) 85%,var(--bg))}.btn.quiet{border-color:transparent;color:var(--mut)}.btn.quiet:hover:not(:disabled){color:var(--fg);background:var(--hov);border-color:transparent}.btn.big{width:100%;min-height:48px;font-size:var(--t-body)}.btn.stop{border-color:var(--err);color:var(--err);background:transparent}.btn:disabled{opacity:.4;cursor:not-allowed}.link{border:0;background:none;padding:4px 0;color:var(--mut);font-size:var(--t-meta);font-weight:500;letter-spacing:var(--track);text-transform:uppercase;cursor:pointer}.link:hover{color:var(--fg)}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:var(--mut);cursor:pointer}.icon-btn:hover{background:var(--hov);color:var(--fg)}.page{max-width:1280px;margin:0 auto;padding:24px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}body.has-files .page{grid-template-columns:minmax(0,1fr) 360px}@media(max-width:920px){body.has-files .page{grid-template-columns:1fr;padding:16px 16px 152px}.page{padding:16px}}.frame{border:1px solid var(--line);background:var(--card);min-width:0}.frame-head{display:flex;align-items:center;justify-content:space-between;gap:16px;height:48px;padding:0 16px;border-bottom:1px solid var(--line)}.frame-head .row{gap:24px}.drop{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:48px;align-items:center;min-height:52vh;padding:64px 48px;cursor:pointer;border-bottom:1px solid var(--line);transition:background-color .15s}.drop-copy{display:grid;justify-items:start;gap:16px}.drop-target{aspect-ratio:1;display:grid;place-content:center;justify-items:center;gap:16px;border:1px dashed var(--line);color:var(--mut);text-align:center;transition:border-color .15s,color .15s}.drop-target .formats{font-size:var(--t-meta);letter-spacing:var(--track);line-height:1.8;color:var(--mut);opacity:.8}.drop:hover .drop-target,.drop.over .drop-target{border-color:var(--fg);border-style:solid;color:var(--fg)}.drop.over{background:var(--hov)}.drop h1{font-size:clamp(32px,5vw,54px);font-weight:500;line-height:1.1;letter-spacing:-.01em;margin:0;max-width:14ch}.drop-copy>p:not(.meta){font-size:var(--t-body);color:var(--mut);max-width:46ch;margin:0 0 8px}.tasks-intro{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}@media(max-width:1000px)and (min-width:701px){.tasks-intro{grid-template-columns:repeat(2,1fr)}.tasks-intro li:nth-child(2){border-right:0}.tasks-intro li:nth-child(-n+2){border-bottom:1px solid var(--line)}}.tasks-intro li{padding:24px;border-right:1px solid var(--line)}.tasks-intro li:last-child{border-right:0}.tasks-intro p{margin:8px 0 0;color:var(--fg);font-size:var(--t-sec);max-width:32ch}@media(max-width:700px){.drop{padding:40px 24px;min-height:0;grid-template-columns:1fr;gap:32px}.drop-target{display:none}.tasks-intro{grid-template-columns:1fr}.tasks-intro li{border-right:0;border-bottom:1px solid var(--line);padding:16px 24px}.tasks-intro li:last-child{border-bottom:0}}.drop-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 80%,transparent);border:1px solid var(--fg);opacity:0;pointer-events:none;transition:opacity .15s}.drop-overlay p{font-size:13px;font-weight:500;letter-spacing:var(--track);text-transform:uppercase;padding:16px 24px;border:1px solid var(--line);background:var(--card)}body.dragging.has-files .drop-overlay{opacity:1}.targets{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding:8px 16px;border-top:1px solid var(--line);font-size:var(--t-sec);color:var(--mut)}.targets b{color:var(--fg);font-weight:500}.stage:empty{display:none}.step{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border:1px solid var(--line);font-size:var(--t-meta);font-weight:500;color:var(--mut);font-variant-numeric:tabular-nums;flex:none}.sizes{font-size:var(--t-sec);color:var(--mut);display:flex;flex-wrap:wrap;gap:0 8px;align-items:baseline;font-variant-numeric:tabular-nums}.saved{color:var(--ok);font-weight:500}.bigger{color:var(--err);font-weight:500}.fmt{font-size:var(--t-meta);letter-spacing:var(--track);text-transform:uppercase;color:var(--fg)}.hint{font-size:var(--t-meta);color:var(--mut);margin:4px 0 0;line-height:1.4}.errtxt{color:var(--err);font-size:var(--t-sec)}.prog{height:2px;background:var(--line);margin-top:8px;overflow:hidden}.prog>i,.tbar>i{display:block;height:100%;width:100%;background:var(--fg);transform-origin:0 50%;transform:scaleX(0);will-change:transform}.prog.wait>i,.tbar.wait>i{background:linear-gradient(90deg,transparent,var(--mut),transparent);transform:none!important;animation:wait 1.4s linear infinite;width:40%}@keyframes wait{0%{translate:-100% 0}to{translate:250% 0}}@media(prefers-reduced-motion:reduce){.prog.wait>i,.tbar.wait>i{animation:none;width:100%;opacity:.4}}.tray{display:flex;gap:12px;overflow-x:auto;padding:12px 16px;border-top:1px solid var(--line);scroll-snap-type:x proximity;scrollbar-width:thin}.grp{display:flex;gap:4px;flex:none;scroll-snap-align:start;position:relative}.grp+.grp:before{content:"";position:absolute;left:-7px;top:8px;bottom:8px;border-left:1px solid var(--line)}.tile{position:relative;width:76px;height:76px;flex:none;border:1px solid var(--line);background:var(--checker);cursor:pointer;overflow:hidden;outline-offset:2px}.tile img,.tile video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.tile>span:first-child:not(.tstep){display:grid;place-items:center;height:100%;font-size:var(--t-meta);letter-spacing:var(--track);text-transform:uppercase;color:var(--mut)}.tile:hover{border-color:var(--mut)}.tile.focus{border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg)}.tile.err{border-color:var(--err)}.tile.busy img,.tile.busy video{opacity:.55;transition:opacity .3s}.tstep{position:absolute;left:3px;bottom:3px;min-width:16px;height:16px;padding:0 3px;display:grid;place-items:center;font-size:10px;font-weight:600;background:var(--bg);color:var(--mut);border:1px solid var(--line);font-variant-numeric:tabular-nums}.tile.focus .tstep{background:var(--fg);color:var(--bg);border-color:var(--fg)}.tsel{position:absolute;top:3px;left:3px;width:20px;height:20px;padding:0;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 80%,transparent);cursor:pointer;opacity:0;transition:opacity .12s}.tile:hover .tsel,.tile:focus-within .tsel,.tsel[aria-pressed=true],.tray.picking .tsel{opacity:1}.tsel[aria-pressed=true]{background:var(--fg);border-color:var(--fg)}.tsel[aria-pressed=true]:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--bg);border-width:0 2px 2px 0;transform:rotate(45deg)}.tcrop{position:absolute;top:3px;right:3px;width:22px;height:22px;display:grid;place-items:center;padding:0;border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer}.tbar{position:absolute;left:0;right:0;bottom:0;height:3px;background:color-mix(in srgb,var(--bg) 70%,transparent);overflow:hidden}@media(hover:none){.tsel{opacity:1}}.tip{position:fixed;z-index:60;max-width:280px;padding:10px 12px;background:var(--card);border:1px solid var(--fg);font-size:var(--t-sec);pointer-events:none;display:grid;gap:4px}.tip[hidden]{display:none}.tip b{font-weight:500;overflow-wrap:anywhere}.tip-row{display:flex;align-items:center;gap:8px;color:var(--fg)}.viewer,.gridp,.fxp,.frames{border-bottom:0}.vw-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:10px 16px;border-bottom:1px solid var(--line)}.vw-title{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}.vw-title b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40ch}.vw-tools{display:flex;align-items:center;gap:6px}.vw-tools .seg button{padding:4px 10px;font-size:12px}.vw-tools .btn{padding:6px 10px;font-size:13px}.vw-note,.viewer .prog{margin:0;padding:6px 16px 0}.viewer .prog{margin:8px 16px 0;padding:0}.vw-body{height:min(62vh,760px);min-height:280px;overflow:auto;background:var(--checker);display:flex;position:relative}.vw-body>*{margin:auto;flex:none}.vw-body>img.fit{max-width:100%;max-height:100%;object-fit:contain;flex:0 1 auto;min-width:0;min-height:0}.vw-body>img.px{image-rendering:pixelated;max-width:none;max-height:none}.vw-body>img.zoomed{max-width:none;max-height:none}.vw-body video{max-width:100%;max-height:100%}.vw-body>.vw-av{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;min-width:0}.vw-av video{min-height:0;flex:0 1 auto}.vw-av .hint{margin:0;text-align:center;flex:none}.zoom{display:inline-flex;border:1px solid var(--line)}.zoom button{min-width:36px;min-height:32px;padding:0 10px;line-height:1;border:0;border-right:1px solid var(--line);background:transparent;color:var(--fg);font:inherit;font-size:var(--t-meta);font-variant-numeric:tabular-nums;cursor:pointer}.zoom button:last-child{border-right:0}.zoom button[data-vzoom=in],.zoom button[data-vzoom=out],.zoom button[data-fxzoom=in],.zoom button[data-fxzoom=out]{font-size:18px}.zoom button[data-vzoom=fit],.zoom button[data-fxzoom=fit]{min-width:56px}.zoom button:hover:not(:disabled){background:var(--hov)}.zoom button.on{background:var(--fg);color:var(--bg)}.zoom button:disabled{color:var(--mut);opacity:.5;cursor:default}.gridp-body,.fxp-body{min-height:280px;background:var(--checker);display:grid;place-items:center;padding:1px;position:relative;overflow:hidden}.gridp-body canvas{display:block}.fxp-busy{position:absolute;right:10px;bottom:10px;font-size:11px;padding:3px 8px;background:var(--bg);border:1px solid var(--line);color:var(--mut)}.fxp-busy[hidden]{display:none}@media(max-width:600px){.tile{width:64px;height:64px}.vw-body{height:52vh}.vw-title b{max-width:22ch}}.summary{border-bottom:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat{display:grid;gap:4px;padding:16px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat span{font-size:var(--t-meta);font-weight:500;letter-spacing:var(--track);text-transform:uppercase;color:var(--mut)}.stat b{font-size:24px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums}.stat.warn b{color:var(--err)}.stat.good b{color:var(--ok)}.sum-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px;border-top:1px solid var(--line);font-size:var(--t-meta);color:var(--mut);flex-wrap:wrap}.sum-foot select{border:1px solid var(--line);background:var(--card);padding:4px 8px;border-radius:0}.oc{display:flex;flex-wrap:wrap;gap:0 16px;font-size:var(--t-sec);margin-top:4px;font-variant-numeric:tabular-nums}.cands{font-size:var(--t-meta);margin-top:4px;overflow-x:auto}.cands summary{cursor:pointer;color:var(--mut);letter-spacing:var(--track);text-transform:uppercase}.cands table{border-collapse:collapse;margin-top:8px;width:100%;font-variant-numeric:tabular-nums;font-size:var(--t-sec)}.cands th,.cands td{text-align:left;padding:4px 12px 4px 0;border-bottom:1px solid var(--line);white-space:nowrap}.cands th{color:var(--mut);font-weight:500;font-size:var(--t-meta);letter-spacing:var(--track);text-transform:uppercase}.cands tr.win td{color:var(--ok)}.rail{position:sticky;top:80px;border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;max-height:calc(100vh - 104px)}@media(max-width:920px){.rail{position:static;max-height:none}.actions{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--card);border-top:1px solid var(--line);padding-bottom:max(16px,env(safe-area-inset-bottom))}}.tabs{display:flex;border-bottom:1px solid var(--line);overflow-x:auto}.tab{flex:1;border:0;border-right:1px solid var(--line);background:transparent;height:48px;padding:0 12px;cursor:pointer;font-size:var(--t-meta);font-weight:500;letter-spacing:var(--track);text-transform:uppercase;color:var(--mut);white-space:nowrap}.tab:last-child{border-right:0}.tab[aria-selected=true]{color:var(--fg);background:var(--hov)}.tab .n{margin-left:4px}.settings{overflow-y:auto;display:grid;gap:24px;padding:0 0 24px}.settings>.field,.settings>details,.settings>p.note,.settings>p.hint{margin:0 16px}.acts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.act{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:center;text-align:left;padding:10px 12px;min-height:44px;border:0;border-left:2px solid transparent;background:var(--card);cursor:pointer;color:var(--fg)}.acts.sub{margin-top:-24px}.act-sub{background:var(--bg);min-height:40px;padding-left:16px}.act-sub b{font-size:var(--t-meta)}.act-desc{margin:-24px 0 0;padding:8px 16px;font-size:var(--t-meta);color:var(--mut);border-bottom:1px solid var(--line)}.act:last-child:nth-child(odd){grid-column:span 2}.act svg{color:var(--mut)}.act b{display:block;font-size:var(--t-sec);font-weight:500;line-height:1.25}.act small{display:block;font-size:var(--t-meta);color:var(--mut);line-height:1.4}.act:hover{background:var(--hov)}.act.on{background:var(--hov);border-left-color:var(--fg)}.act.on svg{color:var(--fg)}.field{display:grid;gap:8px}.field>.label{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.field>.label .hint{margin:0;text-transform:none;letter-spacing:0}.seg{display:flex;flex-wrap:wrap;border:1px solid var(--line)}.seg button{flex:1 1 auto;border:0;border-right:1px solid var(--line);background:transparent;padding:0 8px;cursor:pointer;font-size:var(--t-sec);font-weight:500;color:var(--mut);min-height:40px}.seg button:last-child{border-right:0}.seg button:hover{color:var(--fg);background:var(--hov)}.seg button.on{background:var(--fg);color:var(--bg)}.seg.grid4{display:grid;grid-template-columns:repeat(4,1fr);border-width:1px 0 0 1px}.seg.grid4 button{border-right:0;box-shadow:inset -1px -1px 0 var(--line)}.seg.grid4 button.on{background:var(--fg)}.seg.small button{min-height:32px;padding:0 12px;font-size:var(--t-meta)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:transparent;padding:0 12px;font-size:var(--t-sec);font-weight:500;cursor:pointer;min-height:32px;color:var(--mut);font-variant-numeric:tabular-nums}.chip:hover{color:var(--fg);border-color:var(--mut)}.chip.on{border-color:var(--fg);color:var(--fg)}.inp{width:100%;border:1px solid var(--line);background:var(--bg);padding:8px 12px;min-height:40px;border-radius:0;font-variant-numeric:tabular-nums}.inp:focus{border-color:var(--fg);outline:none}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.two label{display:grid;gap:4px;font-size:var(--t-meta);color:var(--mut)}.chk{display:flex;gap:12px;align-items:flex-start;font-size:var(--t-sec);cursor:pointer}.chk input{width:16px;height:16px;margin:3px 0 0;accent-color:var(--fg);flex:none}.chk small{display:block;color:var(--mut);font-size:var(--t-meta);line-height:1.4}.note{font-size:var(--t-meta);color:var(--mut);border:1px solid var(--line);padding:8px 12px;margin:0}details.more,details.adv{border-top:1px solid var(--line);padding-top:16px}details.more>summary,details.adv>summary{cursor:pointer;font-size:var(--t-meta);font-weight:500;letter-spacing:var(--track);text-transform:uppercase;color:var(--mut);list-style:none;display:flex;align-items:center;justify-content:space-between}details.more>summary::-webkit-details-marker,details.adv>summary::-webkit-details-marker{display:none}details.more>summary:after,details.adv>summary:after{content:"+";font-size:16px;letter-spacing:0}details[open].more>summary:after,details[open].adv>summary:after{content:"−"}details.more>summary:hover,details.adv>summary:hover{color:var(--fg)}details.more[open]>summary,details.adv[open]>summary{margin-bottom:16px}details.more>.inner,details.adv>.inner{display:grid;gap:24px}details.more details.adv{border-top:0;padding-top:0}.actions{padding:16px;border-top:1px solid var(--line);display:grid;gap:8px}.engine{margin:0;font-size:var(--t-meta);color:var(--mut);font-variant-numeric:tabular-nums}.engine:empty{display:none}.compare{width:min(1200px,96vw);height:min(860px,92vh);padding:0;border:1px solid var(--line);border-radius:0;background:var(--card);color:var(--fg)}.compare::backdrop{background:#000000b3}.compare[open]{display:flex;flex-direction:column}.compare-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 16px;border-bottom:1px solid var(--line)}.cmp-head{display:flex;gap:12px;align-items:baseline;min-width:0}.cmp-head strong{font-weight:500}.cmp-head span{color:var(--mut);font-size:var(--t-sec);font-variant-numeric:tabular-nums}.cmp-stage{flex:1;overflow:auto;background:var(--checker);position:relative}.cmp-wrap{position:relative;margin:auto;user-select:none;touch-action:none}.cmp-wrap img{display:block}.cmp-wrap.px img{image-rendering:pixelated}.cmp-wrap .after{position:absolute;inset:0;overflow:hidden;background:var(--checker)}.cmp-handle{position:absolute;top:0;bottom:0;width:1px;background:#fff;box-shadow:0 0 0 1px #0006;cursor:ew-resize}.cmp-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background:#fff;border:1px solid #000}.cmp-label{position:absolute;top:8px;padding:4px 8px;background:#000;color:#fff;font-size:var(--t-meta);font-weight:500;letter-spacing:var(--track);text-transform:uppercase;pointer-events:none}.cmp-videos{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);height:100%}.cmp-videos figure{margin:0;display:grid;grid-template-rows:auto 1fr;min-height:0;background:var(--card)}.cmp-videos figcaption{font-size:var(--t-meta);font-weight:500;letter-spacing:var(--track);text-transform:uppercase;color:var(--mut);padding:8px 12px}.cmp-videos video,.cmp-videos img{width:100%;height:100%;object-fit:contain;min-height:0}@media(max-width:700px){.cmp-videos{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}.crop-tools{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid var(--line)}.crop-nums{display:flex;gap:8px}.crop-nums label{display:flex;align-items:center;gap:4px;font-size:var(--t-meta);color:var(--mut);letter-spacing:var(--track)}.crop-nums .inp{width:88px;min-height:32px;padding:4px 8px}.crop-stage{flex:1;display:grid;place-items:center;overflow:hidden;background:var(--checker);padding:16px}.crop-media{position:relative;user-select:none;touch-action:none}.crop-media img,.crop-media video{display:block;pointer-events:none}.crop-frame{position:absolute;border:1px solid #fff;box-shadow:0 0 0 9999px #0009;cursor:move;touch-action:none}.crop-frame:before,.crop-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent calc(33.33% - .5px),rgb(255 255 255 / .35) calc(33.33% - .5px),rgb(255 255 255 / .35) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgb(255 255 255 / .35) calc(66.66% - .5px),rgb(255 255 255 / .35) calc(66.66% + .5px),transparent calc(66.66% + .5px))}.crop-frame:after{background:linear-gradient(to bottom,transparent calc(33.33% - .5px),rgb(255 255 255 / .35) calc(33.33% - .5px),rgb(255 255 255 / .35) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgb(255 255 255 / .35) calc(66.66% - .5px),rgb(255 255 255 / .35) calc(66.66% + .5px),transparent calc(66.66% + .5px))}.crop-frame i{position:absolute;width:14px;height:14px;background:#fff;border:1px solid #000}.crop-frame i[data-h=nw]{left:-7px;top:-7px;cursor:nwse-resize}.crop-frame i[data-h=n]{left:calc(50% - 7px);top:-7px;cursor:ns-resize}.crop-frame i[data-h=ne]{right:-7px;top:-7px;cursor:nesw-resize}.crop-frame i[data-h=e]{right:-7px;top:calc(50% - 7px);cursor:ew-resize}.crop-frame i[data-h=se]{right:-7px;bottom:-7px;cursor:nwse-resize}.crop-frame i[data-h=s]{left:calc(50% - 7px);bottom:-7px;cursor:ns-resize}.crop-frame i[data-h=sw]{left:-7px;bottom:-7px;cursor:nesw-resize}.crop-frame i[data-h=w]{left:-7px;top:calc(50% - 7px);cursor:ew-resize}.crop-size{position:absolute;left:0;bottom:-28px;font-size:var(--t-meta);font-weight:500;color:#fff;background:#000;padding:2px 6px;font-variant-numeric:tabular-nums;white-space:nowrap}@media(pointer:coarse){.crop-frame i{width:22px;height:22px}}.neutral{color:var(--mut)}.frames{background:var(--card)}.fr-head{display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:16px;padding:16px;border-bottom:1px solid var(--line)}.fr-preview{position:relative;aspect-ratio:1;background:repeating-conic-gradient(#8883 0 25%,transparent 0 50%) 0 0 / 16px 16px;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.fr-preview img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:auto}.fr-badge{position:absolute;left:6px;bottom:6px;font-size:11px;padding:2px 6px;background:var(--bg);border:1px solid var(--line);color:var(--mut);font-variant-numeric:tabular-nums}.fr-meta h3{margin:0 0 4px;font-size:16px}.fr-meta p{margin:0 0 8px;color:var(--mut);font-size:13px}.fr-meta p b{color:var(--fg);font-weight:600}.fr-tools{display:flex;flex-wrap:wrap;gap:8px}.fr-tools .btn{padding:6px 10px;font-size:13px}.fr-list{list-style:none;margin:0;padding:16px;display:flex;gap:12px;overflow-x:auto}.fr-list>.fr{flex:0 0 132px}.fr{border:1px solid var(--line);background:var(--bg);display:grid;cursor:grab}.fr.dragging{opacity:.4}.fr.skip .fr-thumb img{opacity:.25}.fr.skip{border-style:dashed}.fr-thumb{position:relative;aspect-ratio:1;display:grid;place-items:center;background:repeating-conic-gradient(#8882 0 25%,transparent 0 50%) 0 0 / 12px 12px;border-bottom:1px solid var(--line);overflow:hidden}.fr-thumb img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.fr-n{position:absolute;top:4px;left:4px;font-size:11px;padding:1px 5px;background:var(--bg);border:1px solid var(--line);font-variant-numeric:tabular-nums}.fr-delay{display:grid;gap:2px;padding:8px 8px 4px;font-size:11px;color:var(--mut)}.fr-delay span{display:flex;align-items:center;gap:4px}.fr-delay .inp{width:100%;min-width:0;padding:4px 6px;font-size:13px}.fr-btns{display:flex;gap:2px;padding:4px 8px 8px;flex-wrap:wrap}.fr-btns button{flex:1;min-width:28px;min-height:28px;border:1px solid var(--line);background:transparent;color:var(--fg);font:inherit;font-size:12px;cursor:pointer;padding:2px 4px}.fr-btns button:hover{border-color:var(--fg)}.fr-btns button:focus-visible{outline:2px solid var(--acc);outline-offset:1px}@media(max-width:640px){.fr-head{grid-template-columns:1fr}.fr-preview{max-width:260px}.fr-list{padding:12px}.fr-list>.fr{flex-basis:112px}}.fr-del{position:absolute;top:4px;right:4px;width:24px;height:24px;border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer;font:inherit;line-height:1}.fr-del:hover{border-color:var(--fg)}.fr-btns{flex-wrap:nowrap}.rng{display:grid;gap:4px;margin:0 0 12px;font-size:13px;color:var(--mut)}.rng span{display:flex;justify-content:space-between;align-items:baseline}.rng output{color:var(--fg);font-variant-numeric:tabular-nums}.rng input[type=range]{width:100%;accent-color:var(--fg);height:24px;margin:0}.clr{display:grid;gap:4px;font-size:13px;color:var(--mut)}.clr input[type=color]{width:100%;height:36px;border:1px solid var(--line);background:var(--bg);padding:2px;cursor:pointer}.fxp,.gridp,.viewer{background:var(--card)}.fxp-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;border-bottom:1px solid var(--line)}.fxp-head .hint{margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fxp-head .seg button{padding:4px 10px;font-size:12px}.fxp-stage{position:relative;overflow:hidden;cursor:ew-resize;touch-action:none;user-select:none;background:repeating-conic-gradient(#8883 0 25%,transparent 0 50%) 0 0 / 16px 16px}.fxp-stage.pan{cursor:grab}.fxp-stage.pan:active{cursor:grabbing}.fxp-stage{margin:0 auto;max-width:100%}.fxp-stage canvas{position:absolute;top:0;left:0}.fxp-bar{position:absolute;top:0;bottom:0;width:2px;background:var(--fg);pointer-events:none}.fxp-bar span{position:absolute;top:8px;font-size:11px;padding:2px 6px;background:var(--bg);border:1px solid var(--line);color:var(--fg);white-space:nowrap}.fxp-bar span:first-child{right:8px}.fxp-bar span:last-child{left:8px}.fitfor{position:relative}.fit-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;font-size:var(--t-sec);text-align:left;cursor:pointer}.fit-btn:hover,.fit-btn[aria-expanded=true]{border-color:var(--fg)}.fit-btn b{font-weight:600}.fit-pop{margin-top:4px;border:1px solid var(--fg);background:var(--card)}.fit-pop .inp{width:100%;border:0;border-bottom:1px solid var(--line)}.fit-list{max-height:320px;overflow-y:auto}.fit-group{padding:4px 0;border-bottom:1px solid var(--line)}.fit-plat{padding:6px 12px 2px;font-size:var(--t-meta);letter-spacing:var(--track);text-transform:uppercase;color:var(--mut)}.fit-opt{display:grid;gap:2px;width:100%;padding:8px 12px;border:0;background:transparent;color:var(--fg);font:inherit;font-size:var(--t-sec);text-align:left;cursor:pointer}.fit-opt small{color:var(--mut);font-size:var(--t-meta)}.fit-opt:hover,.fit-opt:focus-visible{background:var(--hov);outline:none}.fit-opt.on{box-shadow:inset 2px 0 0 var(--fg);background:var(--hov)}.fit-empty{padding:12px}.fit-sum{margin-top:8px;display:grid;gap:2px;font-size:var(--t-sec)}.fit-sum p{margin:0}.fit-sum a{color:var(--fg)}.fit-warn{color:var(--warn, #e8a33d);font-size:var(--t-meta)}.field-sub{margin-top:12px}.fitbadge{margin:8px 16px 0;padding:6px 10px;border:1px solid var(--line);font-size:var(--t-sec);font-weight:500;display:inline-block}.fitbadge.ok{border-color:var(--ok);color:var(--ok)}.fitbadge.no{border-color:var(--err);color:var(--err)}.tip .fitbadge{margin:0}.fitp-body{padding:12px}.fitp-body canvas{display:block;outline-offset:3px;touch-action:none}.fitp-body canvas.pan{cursor:grab}.fitp-body canvas.pan:active{cursor:grabbing}.foot{display:grid;gap:16px;max-width:1280px;margin:0 auto;padding:0 24px 40px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.foot a{color:var(--mut);text-decoration:none}.foot a:hover,.foot a:focus-visible{color:var(--fg);text-decoration:underline;text-underline-offset:3px}.fr-preview{position:relative}.fr-ctl{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(transparent,#0000008c);color:#fff;opacity:0;transition:opacity .15s}.fr-preview:hover .fr-ctl,.fr-preview:focus-within .fr-ctl,.fr-preview.stopped .fr-ctl{opacity:1}.fr-play{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.5);background:#00000059;color:#fff;cursor:pointer;flex:none}.fr-play:hover{background:#0009}.fr-bar{flex:1;height:4px;background:#ffffff4d;cursor:pointer;position:relative}.fr-bar:before{content:"";position:absolute;inset:-8px 0}.fr-bar i{position:absolute;inset:0;background:#fff;transform-origin:left;transform:scaleX(0)}.fr-time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.fr-preview .fr-badge{bottom:auto;top:6px}@media(prefers-reduced-motion:reduce){.fr-ctl{transition:none}}.filecard{display:grid;justify-items:center;gap:8px;padding:32px;text-align:center;background:var(--card);border:1px solid var(--line);max-width:420px}.filecard-ext{font-size:12px;letter-spacing:var(--track);border:1px solid var(--fg);padding:6px 10px}.filecard b{font-weight:500;word-break:break-all}.filecard .row{display:flex;gap:8px;margin-top:8px}.foot-tools{display:flex;flex-wrap:wrap;gap:6px 18px;text-transform:none;letter-spacing:0;font-size:13px}.foot-meta{display:flex;flex-wrap:wrap;gap:6px 18px}kbd{font:inherit}.seo{max-width:1280px;margin:0 auto;padding:8px 24px 40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.seo h2{font-size:12px;letter-spacing:var(--track);text-transform:uppercase;color:var(--mut);font-weight:600;margin:0 0 8px}.seo p,.seo li{color:var(--fg);font-size:var(--t-sec);line-height:1.6;max-width:60ch}.seo ol{margin:0;padding-left:18px}.seo dt{font-weight:600;margin-top:8px;font-size:var(--t-sec)}.seo dd{margin:2px 0 0;color:var(--mut);font-size:var(--t-sec);line-height:1.55}@media(max-width:800px){.seo{grid-template-columns:1fr}}.foot-meta .link{padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--mut);background:none;border:0;cursor:pointer}.foot-meta .link:hover{color:var(--fg)}