.squash [hidden]{display:none!important}.sq-stage{position:relative;display:grid;aspect-ratio:4 / 3;min-width:0;max-height:72vh;border-radius:var(--radius-lg);overflow:hidden}.sq-stage>*{grid-area:1 / 1;min-width:0;min-height:0}.sq-stage:has(>.sq-drop:not([hidden])){overflow:visible}.sq-samples{margin-top:var(--space-4)}.squash:not([data-state=empty]) .sq-samples{display:none}@media(min-width:960px){.squash .ws-stage{display:flex;flex-direction:column}.sq-stage{flex:1 1 0;aspect-ratio:auto;min-height:30rem;max-height:none}.squash.is-fullscreen .sq-stage{min-height:0}.squash.is-fullscreen>.ws-main>.ws-stage{overflow:hidden}.squash.is-fullscreen>.sq-list{flex:none;max-height:28vh}}.sq-view{position:relative;display:grid;place-items:center;container-type:size;background:var(--paper-3);border-radius:var(--radius-lg);overflow:hidden;animation:t-in var(--dur-3) var(--ease-out)}.sq-frame{--split: 50%;position:relative;width:min(calc(100cqw - 2 * var(--space-4)),calc((100cqh - 2 * var(--space-4)) * (var(--ratio, 4 / 3))));aspect-ratio:var(--ratio, 4 / 3);background:repeating-conic-gradient(var(--paper-2) 0 25%,var(--paper) 0 50%) 0 0 / 16px 16px;box-shadow:var(--shadow-md);cursor:ew-resize;touch-action:none;outline:none;will-change:transform}.sq-frame:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sq-pic{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}.sq-pic:not([src]){visibility:hidden}.sq-after{clip-path:inset(0 0 0 var(--split))}.sq-frame .split-handle{z-index:1}.sq-frame .stage-tag{z-index:2;top:var(--space-2)}.sq-tag-before{left:var(--space-2)}.sq-tag-after{right:var(--space-2)}.squash #sq-save{background:#2f7a3f;color:#fff}.squash #sq-save:hover:not(:disabled){background:#4c9a54}.squash #sq-save-box .save-split-more{color:#fff;border-left-color:#ffffff40}.squash #sq-save-box .save-split-more:hover,.squash #sq-save-box .save-split-more[aria-expanded=true]{background:#ffffff1f}.squash #sq-save:disabled{background:var(--paper-3);color:var(--ink-3);box-shadow:none;cursor:progress}.squash #sq-save-box:has(>#sq-save:disabled) .save-split-more{color:var(--ink-2);border-left-color:var(--line)}.squash #sq-save-box:has(>#sq-save:disabled) .save-split-more:hover{background:color-mix(in oklab,var(--ink) 6%,transparent)}.sq-total{display:grid;gap:var(--space-1)}.sq-total-saved{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}.sq-total-sizes{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink-2);font-variant-numeric:tabular-nums}.sq-bar{margin-top:var(--space-2)}.sq-bar>i{width:var(--v, 0%);animation:none;transition:width var(--dur-2) var(--ease-move)}.squash .ws-actions>.btn{flex:1 1 auto}.sq-list{display:grid;margin:0;padding:var(--space-2) var(--space-4);list-style:none;border-top:1px solid var(--line);max-height:30rem;overflow-y:auto;scrollbar-width:thin}.sq-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2);border-radius:var(--radius-md);animation:t-in var(--dur-2) var(--ease-out);transition:background-color var(--dur-1) var(--ease-move)}.sq-row:hover{background:var(--paper-2)}.sq-row.is-on{background:var(--accent-soft)}.sq-pick{display:flex;align-items:center;gap:var(--space-3);min-width:0;padding:0;border:0;border-radius:var(--radius-sm);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.sq-pick:disabled{cursor:default;opacity:.6}.sq-pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sq-sizes{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.sq-old{margin-right:var(--space-2);color:var(--ink-3);text-decoration:line-through}.sq-row:is([data-status=queued],[data-status=working],[data-status=skipped]) .sq-sizes{color:var(--ink-3)}.sq-row[data-status=working] .sq-sizes{animation:sq-pulse 1.4s var(--ease-in-out) infinite}.sq-row[data-status=failed] .sq-sizes{color:var(--danger);white-space:normal}.sq-badge{min-width:3.75rem;padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums;text-align:center}.sq-row.is-on .sq-badge{background:var(--paper)}.sq-row[data-status=kept] .sq-badge{background:var(--paper-2);color:var(--ink-3)}.sq-dl{width:var(--target-min)}@keyframes sq-pulse{50%{opacity:.45}}@media(max-width:600px){.sq-list{padding-inline:var(--space-2)}.sq-row{grid-template-columns:minmax(0,1fr) auto auto;column-gap:var(--space-3)}.sq-sizes{grid-column:1;grid-row:2;padding-left:calc(var(--space-10) + var(--space-3));text-align:left;font-size:var(--text-xs)}.sq-badge{grid-column:2;grid-row:1 / span 2}.sq-dl{grid-column:3;grid-row:1 / span 2}}@media(prefers-reduced-motion:reduce){.sq-view,.sq-row,.sq-row[data-status=working] .sq-sizes{animation:none}}