@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./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(./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(./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(./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(./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(./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(./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{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#181818;--rail:#1a1a1a;--raised:#202020;--float:#242424;--hover:#222;--selected:#292929;--hairline:#2c2c2c;--hairline-strong:#3a3a3a;--ink:#ececec;--ink-2:#a3a3a3;--ink-3:#8a8a8a;--accent:#19caf7;--accent-hover:#4dd6f9;--accent-press:#10b3dc;--accent-ink:#062530;--accent-soft:#19caf724;--danger:#ff7a6b;--font:"Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--text-xs:.8125rem;--text-sm:.875rem;--text-md:.9375rem;--text-lg:1rem;--text-xl:1.25rem;--radius-sm:4px;--radius:6px;--radius-lg:8px;--topbar-h:54px;--rail-w:305px;--ease-out:cubic-bezier(.16, 1, .3, 1);--fast:.15s;--med:.22s}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font);font-size:var(--text-md);font-feature-settings:"cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;line-height:1.4;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}img{display:block}.num{font-variant-numeric:tabular-nums}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:3px solid var(--ground);background:#333;border-radius:10px}::-webkit-scrollbar-track{background:0 0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@keyframes skeleton-sweep{0%{background-position:100% 0}to{background-position:0 0}}.btn{border-radius:var(--radius);height:35px;font-size:var(--text-md);white-space:nowrap;transition:background-color var(--fast) var(--ease-out), border-color var(--fast) var(--ease-out), color var(--fast) var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:500;display:inline-flex}.btn svg{flex:none;width:16px;height:16px}.btn-ghost{color:var(--ink)}.btn-ghost:hover:not(:disabled){background:var(--selected)}.btn-ghost:active:not(:disabled){background:#333}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-press)}.btn-solid{color:var(--ink);background:#2a2a2a;box-shadow:inset 0 1px #ffffff0f}.btn-solid:hover:not(:disabled){background:#333}.btn-solid:active:not(:disabled){background:#262626}.btn-sm{height:30px;font-size:var(--text-sm);gap:6px;padding:0 12px}.btn-sm svg{width:15px;height:15px}.btn:disabled{opacity:.4}.split{display:inline-flex;position:relative}.split>.btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.split>.btn+.btn{border-top-left-radius:0;border-bottom-left-radius:0;width:32px;padding:0}.split>.btn-primary+.btn-primary{box-shadow:inset 1px 0 #06253047}.icon-btn{border-radius:var(--radius);width:32px;height:32px;color:var(--ink-2);transition:background-color var(--fast) var(--ease-out), color var(--fast) var(--ease-out);place-items:center;display:inline-grid}.icon-btn svg{width:17px;height:17px}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--ink)}.icon-btn[aria-pressed=true]{background:var(--selected);color:var(--accent)}.icon-btn:disabled{opacity:.35}.link-btn{color:var(--accent);font-size:var(--text-md);border-radius:var(--radius-sm);font-weight:500}.link-btn:hover{color:var(--accent-hover);text-underline-offset:3px;text-decoration:underline}.quiet-link{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--hairline-strong);text-decoration-color:var(--hairline-strong);text-underline-offset:3px;border-radius:var(--radius-sm)}.quiet-link:hover{color:var(--ink);text-decoration-color:currentColor}.menu{border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);background:var(--float);min-width:240px;color:var(--ink);font-size:var(--text-sm);margin:0;padding:6px;inset:auto}.menu-label{color:var(--ink-3);font-size:var(--text-xs);padding:8px 10px 4px;font-weight:500}.menu-item{border-radius:var(--radius-sm);text-align:left;align-items:center;gap:10px;width:100%;min-height:34px;padding:6px 10px;display:flex}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--selected);outline:none}.menu-item:disabled{color:var(--ink-3)}.link-btn:disabled{color:var(--ink-3);text-decoration:none}.menu-item svg{width:16px;height:16px;color:var(--ink-2);flex:none}.menu-item .check{color:var(--accent)}.menu-item .hint{color:var(--ink-3);font-size:var(--text-xs);margin-left:auto}.menu-sep{background:var(--hairline);height:1px;margin:6px 4px}.menu-item-note{color:var(--ink-3);font-size:var(--text-xs);margin-top:2px;display:block}.menu-note{color:var(--ink-3);font-size:var(--text-xs);padding:4px 10px 8px;line-height:1.45}.slider{--fill:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:20px}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), #3a3a3a var(--fill));border-radius:4px;height:4px}.slider::-moz-range-track{background:#3a3a3a;border-radius:4px;height:4px}.slider::-moz-range-progress{background:var(--accent);border-radius:4px;height:4px}.slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;transition:transform var(--fast) var(--ease-out);background:#f4f4f4;border-radius:50%;margin-top:-7px;box-shadow:0 1px 4px #00000080}.slider::-moz-range-thumb{background:#f4f4f4;border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000080}.slider:active::-webkit-slider-thumb{transform:scale(1.12)}.slider:focus-visible{outline:none}.slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:2px}.slider:disabled{opacity:.4;cursor:default}.progress-line{background:#2f2f2f;border-radius:2px;height:2px;position:relative;overflow:hidden}.progress-line:after{content:"";background:var(--accent);width:35%;animation:progress-slide 1.2s var(--ease-out) infinite;position:absolute;inset:0 auto 0 0}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(290%)}}@media (pointer:coarse){.btn{height:42px}.btn-sm{height:38px}.icon-btn{width:40px;height:40px}.menu-item{min-height:44px}.slider{height:32px}.slider::-webkit-slider-thumb{width:26px;height:26px;margin-top:-11px}.slider::-moz-range-thumb{width:26px;height:26px}}.empty{transition:background-color var(--med) var(--ease-out);grid-area:rail/rail/main/main;grid-template-rows:1fr auto;justify-items:center;padding:48px 32px 28px;display:grid;position:relative}.empty[data-dragging=true]{background:#1a1d1e;box-shadow:inset 0 0 0 2px #19caf78c}.empty-panel{text-align:center;align-content:center;justify-items:center;gap:14px;max-width:560px;display:grid}.empty-panel .logo-mark{margin-bottom:10px}.empty-panel h1{letter-spacing:-.025em;margin:0;font-size:1.75rem;font-weight:600;line-height:1.2}.empty-panel>p{max-width:44ch;color:var(--ink-2);font-size:var(--text-lg);margin:0}.empty-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.empty-actions .btn{height:42px;padding:0 20px}.empty-panel .empty-hint{color:var(--ink-3);font-size:var(--text-sm);margin-top:6px}.empty-hint .link-btn{font-size:var(--text-sm)}.empty-facts{font-size:var(--text-sm);flex-wrap:wrap;justify-content:center;gap:12px 40px;margin:0;display:flex}.empty-facts div{gap:10px;display:flex}.empty-facts dt{color:var(--ink-3)}.empty-facts dd{color:var(--ink-2);margin:0}@media (width<=860px){.empty-panel h1{font-size:var(--text-xl)}.empty-facts{flex-direction:column;align-items:center;gap:6px}}.quality{grid-template-columns:auto minmax(120px,1fr) auto auto;align-items:center;gap:28px;height:44px;padding:0 44px 0 34px;display:grid}.quality-label{min-width:96px;font-size:var(--text-lg);gap:12px;display:flex}.quality-note{color:var(--ink-3);font-size:var(--text-md);justify-content:space-between;align-items:center;gap:24px;display:flex}.quality-apply{white-space:nowrap}@media (width<=860px){.quality{grid-template-columns:auto minmax(80px,1fr) auto;gap:14px;height:auto;padding:0 14px}.quality-label{min-width:0}.quality-apply{grid-column:1/-1;justify-self:start}}.grid-view{grid-area:rail/rail/main/main;grid-template-columns:minmax(0,1fr) clamp(340px,30%,460px);min-height:0;display:grid}.grid-scroll{overscroll-behavior:contain;padding:0 0 24px 14px;overflow:auto}.grid-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-md)}.grid-table thead th{z-index:1;border-bottom:1px solid var(--hairline);background:var(--ground);height:50px;color:var(--ink);text-align:left;white-space:nowrap;padding:0 14px;font-weight:400;position:sticky;top:0}.grid-table td,.grid-table th[scope=row]{vertical-align:middle;border-bottom:1px solid #222;border-left:1px solid #222;height:64px;padding:0 14px}.grid-table th[scope=row]{text-align:left;border-left:0;font-weight:400}.grid-folder th{text-align:left;border-bottom:1px solid #222;height:42px;padding:0 14px}.grid-folder button{font-size:var(--text-md);align-items:center;gap:10px;font-weight:500;display:inline-flex}.grid-folder button .num{color:var(--ink-3);font-weight:400}.grid-folder svg{width:16px;height:16px;transition:rotate var(--fast) var(--ease-out)}.grid-folder svg[data-collapsed=true]{rotate:-90deg}.grid-row{cursor:default;content-visibility:auto;contain-intrinsic-size:auto 64px}.grid-row:hover>*{background:#1d1d1d}.grid-row[aria-selected=true]>*{background:var(--raised)}.grid-image{align-items:center;gap:14px;min-width:250px;display:flex}.grid-thumb{border-radius:var(--radius-sm);background:#262626;flex:none;width:48px;height:48px;overflow:hidden}.grid-thumb img{object-fit:cover;width:100%;height:100%}.grid-image-text{gap:2px;min-width:0;display:grid}.grid-path{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.grid-dims{color:var(--ink-3);font-size:var(--text-xs)}.grid-cell{border-radius:var(--radius-sm);text-align:left;width:calc(100% + 16px);min-width:96px;transition:outline-color var(--fast) var(--ease-out);outline:1px solid #0000;margin:0 -8px;padding:8px 8px 9px;display:block}.grid-cell:not(:disabled):hover{outline-color:#4a4a4a}.grid-row[aria-selected=true] .grid-cell[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-1px}.grid-cell[aria-pressed=true] .size-value{color:var(--accent)}.grid-cell[aria-pressed=true] .size-bar span{background:var(--accent)}.size-cell{gap:7px;display:grid}.size-value{white-space:nowrap;align-items:center;gap:6px;display:flex}.size-note{color:var(--ink-3);font-size:var(--text-xs)}.size-mark{width:15px;height:15px;color:var(--ink-2);flex:none;margin-left:auto}.size-mark-picked{color:var(--accent)}.size-bar{background:#2e2e2e;border-radius:2px;height:4px;display:block;overflow:hidden}.size-bar span{background:#8c8c8c;border-radius:2px;height:100%;display:block}.grid-wait{color:var(--ink-3);font-size:var(--text-sm)}.inspector{border-left:1px solid var(--hairline);flex-direction:column;gap:18px;min-height:0;padding:16px 18px 24px;display:flex;overflow-y:auto}.inspector-head{font-size:var(--text-md);justify-content:space-between;gap:12px;display:flex}.inspector-head .num{color:var(--ink-2);white-space:nowrap}.inspector-path{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inspector-proof{place-items:center;padding:0 26px;display:grid}.inspector-frame{border-radius:2px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}.inspector-frame[data-alpha=true]{background:repeating-conic-gradient(#2b2b2b 0 25%, #212121 0 50%) 0 0 / 12px 12px}.inspector-frame img{object-fit:contain;max-width:100%;max-height:34vh}.inspector-crop header{color:var(--ink-2);font-size:var(--text-sm);justify-content:space-between;margin-bottom:8px;display:flex}.inspector-crop-pair{grid-template-columns:1fr 1fr;gap:4px;display:grid}.inspector-crop-pair figure{aspect-ratio:1;background:#111;margin:0;position:relative;overflow:hidden}.inspector-crop-pair img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.inspector-crop-pair figcaption{border-radius:var(--radius-sm);font-size:var(--text-xs);background:#141414d9;padding:2px 6px;position:absolute;bottom:8px;left:8px}.inspector-tiers h3{font-size:var(--text-lg);margin:0 0 8px;font-weight:500}.inspector-tiers ul{border:1px solid var(--hairline);border-radius:var(--radius);margin:0;padding:0;list-style:none}.inspector-tiers li+li{border-top:1px solid var(--hairline)}.tier-row{text-align:left;border-radius:var(--radius-sm);width:100%;height:40px;font-size:var(--text-md);grid-template-columns:64px 72px 48px 1fr 20px;align-items:center;gap:12px;padding:0 12px;display:grid}.tier-row:not(:disabled):hover{background:var(--hover)}.tier-row[aria-checked=true]{outline:2px solid var(--accent);outline-offset:-1px;color:var(--accent)}.tier-row[aria-checked=true] .size-bar span{background:var(--accent)}.tier-saving{color:var(--ink-2)}.tier-row[aria-checked=true] .tier-saving{color:var(--accent)}.tier-radio{border:1px solid #4a4a4a;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.tier-row[aria-checked=true] .tier-radio{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.tier-radio svg{stroke-width:3px;width:12px;height:12px}.inspector-quality .quality{grid-template-columns:auto 1fr auto;gap:16px;height:auto;padding:0}.inspector-quality .quality-note{flex-wrap:wrap}.inspector-quality .quality-apply{grid-column:1/-1;width:100%}.inspector-download{border-radius:var(--radius-lg);width:100%;height:48px;font-size:var(--text-md);grid-template-columns:auto auto 1fr;justify-content:start;gap:10px;margin-top:auto;padding:0 16px;display:grid}.inspector-download svg{width:18px;height:18px}.inspector-download-file{min-width:0;color:var(--ink-2);font-weight:400;font-size:var(--text-sm);justify-content:flex-end;gap:10px;display:flex}.inspector-download-name{text-overflow:ellipsis;overflow:hidden}@media (width<=1100px){.grid-view{grid-template-columns:minmax(0,1fr)}.inspector{display:none}}.notice-region{z-index:20;pointer-events:none;position:fixed;bottom:22px;left:22px}@media (width<=860px){.app[data-empty=false] .notice-region{left:max(14px, env(safe-area-inset-left));bottom:calc(76px + env(safe-area-inset-bottom))}}.notice{border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);background:var(--float);max-width:min(520px,100vw - 44px);font-size:var(--text-sm);pointer-events:auto;animation:notice-in var(--med) var(--ease-out);align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex}@keyframes notice-in{0%{opacity:0;translate:0 8px}}.drop-hint{inset:var(--topbar-h) 0 0 0;z-index:15;border:1px solid var(--accent);pointer-events:none;background:#181818b8;place-items:center;display:grid;position:fixed}.drop-hint span{border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);padding:10px 18px;font-weight:500}.shortcuts{z-index:18;border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);background:var(--float);width:320px;padding:14px 16px 16px;position:fixed;top:50%;right:64px;translate:0 -50%}.shortcuts header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.shortcuts h2{font-size:var(--text-md);margin:0;font-weight:500}.shortcuts dl{gap:8px;margin:0;display:grid}.shortcuts dl div{font-size:var(--text-sm);grid-template-columns:96px 1fr;gap:12px;display:grid}.shortcuts dt{color:var(--ink);font-weight:500}.shortcuts dd{color:var(--ink-2);margin:0}.shortcuts-foot{border-top:1px solid var(--hairline);color:var(--ink-3);font-size:var(--text-xs);margin:14px 0 0;padding-top:12px}.topbar{z-index:2;height:var(--topbar-h);border-bottom:1px solid var(--hairline);background:var(--ground);grid-area:top;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:24px;padding:0 22px;display:grid;position:relative}.wordmark{font-size:var(--text-xl);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:600;display:inline-flex}.wordmark .logo-mark{flex:none}.btn-count{min-width:22px;height:20px;font-size:var(--text-xs);text-align:center;background:#06253029;border-radius:10px;padding:0 6px;font-weight:600;line-height:20px}.btn-count-ghost{background:var(--selected);color:var(--ink-2)}.summary{min-width:0;font-size:var(--text-sm);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;justify-content:center;align-items:baseline;gap:6px;display:flex;overflow:hidden}.summary-dot,.summary-arrow{color:var(--ink-3)}.summary-saving{color:var(--accent)}.summary-left{color:var(--ink-2)}.topbar-progress{background:var(--accent);transform-origin:0;height:1px;transition:transform .4s var(--ease-out), opacity .6s var(--ease-out);position:absolute;bottom:-1px;left:0;right:0}.topbar-progress[data-done=true]{opacity:0}.topbar-actions{justify-content:flex-end;gap:16px;display:flex}@media (width<=1240px){.topbar-formats .topbar-label{display:none}}@media (width<=1180px){.summary-left,.summary-left+.summary-dot{display:none}}@media (width<=860px){.topbar{height:calc(var(--topbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));column-gap:12px}.summary{display:none}.topbar-actions{gap:8px}.topbar-export{display:none}}.topbar-compact-icon{display:none}@media (width<=560px){.topbar-compact-icon{display:block}.topbar-label{display:none}.topbar .split>.btn-ghost:first-child{padding:0 10px}.wordmark>span{display:none}}.mobile-bar{display:none}@media (width<=860px){.mobile-bar{z-index:5;padding:10px max(14px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));border-top:1px solid var(--hairline);background:var(--ground);gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bar .btn{height:48px}.mobile-bar-one{flex:1 1 0;justify-content:flex-start;min-width:0;padding:0 14px}.mobile-bar-text{text-align:left;min-width:0;line-height:1.2;display:grid}.mobile-bar-detail{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);font-size:var(--text-xs);font-weight:400;overflow:hidden}.mobile-bar-all{flex:none}.mobile-bar-all>.btn:first-child{padding:0 14px}}.rail{overscroll-behavior:contain;border-right:1px solid var(--hairline);background:var(--rail);grid-area:rail;overflow-y:auto}.rail-group+.rail-group{border-top:1px solid var(--hairline)}.rail-folder{height:54px;font-size:var(--text-md);letter-spacing:-.01em;align-items:center;gap:9px;margin:0;padding:0 18px 0 22px;font-weight:500;display:flex}.rail-folder svg{width:19px;height:19px;color:var(--ink-2);stroke-width:1.5px;flex:none}.rail-folder-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rail-folder-count{color:var(--ink-3);font-size:var(--text-xs);white-space:nowrap;margin-left:auto;font-weight:400}.rail-list{margin:0;padding:0;list-style:none}.rail-row{content-visibility:auto;contain-intrinsic-size:auto 70px;border-bottom:1px solid #202020;position:relative}.rail-row-main{text-align:left;width:100%;height:70px;transition:background-color var(--fast) var(--ease-out);grid-template-columns:51px 1fr auto;align-items:center;gap:12px;padding:0 18px 0 22px;display:grid}.rail-row-main:hover{background:var(--hover)}.rail-row[aria-current=true] .rail-row-main{background:var(--selected)}.rail-row-main:focus-visible{outline-offset:-2px;border-radius:0}.rail-thumb{border-radius:var(--radius-sm);background:#262626;width:51px;height:51px;overflow:hidden}.rail-thumb:empty{animation:skeleton-sweep 1.6s var(--ease-out) infinite;background:linear-gradient(100deg,#222 30%,#2b2b2b 50%,#222 70%) 0 0/300% 100%}.rail-thumb img{object-fit:cover;width:100%;height:100%}.rail-text{gap:0;min-width:0;line-height:1.3;display:grid}.rail-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-md);font-weight:500;overflow:hidden}.rail-size{color:var(--ink-2);font-size:var(--text-xs)}.rail-status{font-size:var(--text-sm);font-weight:500}.rail-status[data-tone=saving]{color:var(--accent)}.rail-status[data-tone=muted]{color:var(--ink-3);font-weight:400}.rail-status[data-tone=error]{color:var(--danger)}.rail-remove{background:var(--selected);opacity:0;transition:opacity var(--fast) var(--ease-out);position:absolute;top:50%;right:10px;translate:0 -50%}.rail-row:hover .rail-remove,.rail-remove:focus-visible{opacity:1}.rail-row:hover .rail-status{visibility:hidden}@media (width<=860px){.rail{border-right:0;border-bottom:1px solid var(--hairline);display:flex;overflow:auto hidden}.rail-group{display:flex}.rail-group+.rail-group{border-top:0;border-left:1px solid var(--hairline)}.rail-folder,.rail-text,.rail-remove{display:none}.rail-list{display:flex}.rail-row{border-bottom:0}.rail-row-main{grid-template-columns:51px;justify-items:center;gap:4px;width:auto;height:84px;padding:0 8px}.rail-status{font-size:var(--text-xs)}}.rail-row[aria-current=true] .rail-thumb{outline:2px solid var(--accent);outline-offset:2px}.proof-area{flex:1;min-height:0;position:relative}.proof-area[data-compact=true]{flex:none;min-height:280px}.proof{position:absolute}.proof-head{height:30px;font-size:var(--text-lg);white-space:nowrap;justify-content:space-between;align-items:center;gap:24px;padding:0 0 0 8px;display:flex;position:absolute;container-type:inline-size}.proof-caption,.proof-readout{align-items:center;gap:16px;min-width:0;margin:0;display:flex}.proof-caption{color:var(--ink-2);overflow:hidden}.proof-name{text-overflow:ellipsis;min-width:3ch;color:var(--ink);overflow:hidden}.proof-caption .num{flex:none}.proof-readout{color:var(--ink-2);flex:none;gap:8px}.proof-readout-dot,.proof-readout-muted{color:var(--ink-3)}.proof-download{margin-left:8px}@media (width<=860px){.proof-download{display:none}}@container (width<=600px){.proof-caption .num{display:none}.proof-caption,.proof-readout{font-size:var(--text-md)}}@container (width<=420px){.proof-download-label{display:none}.proof-download{width:30px;padding:0}}.proof-canvas{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#111;border-radius:2px;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}.proof-canvas[data-alpha=true]{background:repeating-conic-gradient(#2b2b2b 0 25%, #212121 0 50%) 0 0 / 16px 16px}.proof-canvas[data-zoom=actual]{cursor:grab;touch-action:none}.proof-canvas[data-zoom=actual]:active{cursor:grabbing}.proof-layer{position:absolute;inset:0}.proof-layer img{transform-origin:0 0;pointer-events:none;max-width:none;position:absolute;top:0;left:0}.proof-skeleton{filter:blur(14px)saturate(.9);opacity:.9}.proof-sharp{transition:opacity .18s var(--ease-out)}.proof-sharp[data-ready=false]{opacity:0}.proof-divider{pointer-events:none;border-left:1px solid #f4f4f4;width:0;position:absolute;top:0;bottom:0}.proof-handle{color:#1a1a1a;pointer-events:auto;cursor:ew-resize;background:#f4f4f4;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;left:-17px;translate:0 -50%;box-shadow:0 2px 10px #00000059}.proof-handle svg{width:18px;height:18px}.proof-tools{border:1px solid var(--hairline);background:var(--rail);border-radius:10px;gap:2px;padding:4px;display:grid;position:absolute;top:50%;right:14px;translate:0 -50%}.proof-tool-text{font-size:var(--text-xs);font-weight:600}.proof-tools-sep{background:var(--hairline);height:1px;margin:3px 6px}.proof-area[data-compact=true] .proof-tools{display:flex;top:auto;bottom:4px;right:50%;translate:50%}.proof-area[data-compact=true] .proof-tools-sep{width:1px;height:auto;margin:6px 3px}@media (hover:none) and (pointer:coarse){.proof-tool-keys{display:none}}.proof-wait{color:var(--ink-2);font-size:var(--text-md);place-content:center;justify-items:center;gap:16px;display:grid;position:absolute;inset:0}.proof-wait-frame{aspect-ratio:3/2;width:min(52vw,520px);animation:skeleton-sweep 1.6s var(--ease-out) infinite;background:linear-gradient(100deg,#1c1c1c 30%,#242424 50%,#1c1c1c 70%) 0 0/300% 100%;border-radius:2px}.proof-error{gap:6px}.proof-error strong{color:var(--ink);font-weight:500}.loupe{border-radius:var(--radius);pointer-events:none;background:#4a4a4a;gap:1px;padding:1px;display:flex;position:absolute;bottom:12px;right:12px}.loupe-cell{position:relative}.loupe-view{image-rendering:pixelated;background-color:#111;background-repeat:no-repeat}.loupe-cell:first-child .loupe-view{border-radius:var(--radius) 0 0 var(--radius)}.loupe-cell:last-child .loupe-view{border-radius:0 var(--radius) var(--radius) 0}.loupe-cell:only-child .loupe-view{border-radius:var(--radius)}.loupe-label{border-radius:var(--radius-sm);color:var(--ink);font-size:var(--text-xs);background:#141414d9;padding:2px 6px;position:absolute;bottom:8px;left:8px}.strip{padding:0 20px 0 34px}.strip-groups{overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:4px;display:flex;overflow-x:auto}.strip-groups[data-overflow=true]{-webkit-mask-image:linear-gradient(90deg,currentColor calc(100% - 56px),#0000);mask-image:linear-gradient(90deg,currentColor calc(100% - 56px),#0000)}.strip-group{flex:var(--n,1) 1 0;grid-template-rows:auto auto;gap:10px;min-width:max-content;padding:0 12px;display:grid}.strip-group:first-child{padding-left:0}.strip-group:last-child{padding-right:0}.strip-group+.strip-group{border-left:1px solid var(--hairline)}.strip-label{height:20px;font-size:var(--text-md);white-space:nowrap}.strip-patches{gap:10px;display:flex}.patch{text-align:left;border-radius:var(--radius-sm);flex:1 1 0;gap:2px;min-width:60px;max-width:92px;display:grid;container-type:inline-size}.patch:disabled{cursor:default}.patch-frame{aspect-ratio:1;border-radius:var(--radius-sm);outline-offset:1px;transition:outline-color var(--fast) var(--ease-out);background:#222;outline:1px solid #0000;place-items:center;display:grid;position:relative;overflow:hidden}.patch-frame[data-alpha=true]{background:repeating-conic-gradient(#2b2b2b 0 25%, #212121 0 50%) 0 0 / 12px 12px}.patch-frame img{max-width:none;animation:patch-land var(--med) var(--ease-out)}@keyframes patch-land{0%{opacity:0}}.patch:not(:disabled):hover .patch-frame{outline-color:#4a4a4a}.patch[aria-pressed=true] .patch-frame{outline:2px solid var(--accent);outline-offset:1px}.patch:focus-visible{outline:none}.patch:focus-visible .patch-frame{outline:2px solid var(--accent);outline-offset:3px}.patch-check{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px;box-shadow:0 0 0 2px #0625308c}.patch-check svg{stroke-width:3px;width:14px;height:14px}.patch-wait{width:70%;color:var(--ink-3);font-size:var(--text-xs);justify-items:center;gap:8px;display:grid}.patch-wait .progress-line{width:100%}.patch[data-status=error] .patch-wait{color:var(--danger)}.patch-q,.patch-size{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);font-size:var(--text-md);overflow:hidden}.patch-q{margin-top:6px}.patch-tuned{color:var(--ink-3);font-size:var(--text-xs)}@container (width<=84px){.patch-q,.patch-size{font-size:.8125rem}}@container (width<=66px){.patch-q,.patch-size{font-size:.75rem}}.patch[aria-pressed=true] .patch-q,.patch[aria-pressed=true] .patch-size{color:var(--accent)}@media (width<=860px){.strip{padding:0 14px}.strip-group{flex:none}.patch{flex:none;width:72px}}.stage{flex-direction:column;grid-area:main;min-width:0;min-height:0;display:flex}.stage-controls{grid-template-columns:minmax(0,1fr);gap:12px;padding:10px 0 36px;display:grid}@media (height<=760px){.stage-controls{gap:8px;padding:4px 0 16px}}@media (width<=860px){.stage{overflow-y:auto}.stage-controls{padding-bottom:24px}}.app{grid-template-rows:var(--topbar-h) minmax(0, 1fr);grid-template-columns:var(--rail-w) minmax(0, 1fr);grid-template-areas:"top top""rail main";height:100%;display:grid}@media (width<=1280px){.app{--rail-w:272px}}@media (width<=860px){.app{grid-template-rows:calc(var(--topbar-h) + env(safe-area-inset-top)) auto minmax(0, 1fr);grid-template-columns:minmax(0,1fr);grid-template-areas:"top""rail""main"}.app[data-empty=false] .stage{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}