.tm--compress{--tm-cycle:7s}.tm-cp-line{stroke:var(--text);stroke-width:1.5px}.tm-cp-grip{fill:var(--text)}.tm-cp-chev{stroke:var(--surface);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.tm-cp-div{animation:tm-cp-div var(--tm-cycle) var(--ease) infinite}@keyframes tm-cp-div{0%,10%{opacity:0;transform:translate(-69px)}20%{opacity:1;transform:translate(-69px)}44%{opacity:1;transform:translate(60px)}58%,92%{opacity:1;transform:none}to{opacity:0;transform:translate(-69px)}}.tm-cp-barbefore{fill:var(--border-strong)}.tm-cp-barafter{fill:var(--accent);transform-origin:0;animation:tm-cp-bar var(--tm-cycle) var(--ease) infinite;transform:scaleX(.21)}@keyframes tm-cp-bar{0%,46%{transform:scaleX(1)}64%,92%{transform:scaleX(.21)}to{transform:scaleX(1)}}.tm-cp-read{animation:tm-cp-read var(--tm-cycle) var(--ease) infinite}@keyframes tm-cp-read{0%,50%{opacity:0;transform:translateY(3px)}64%,92%{opacity:1;transform:none}to{opacity:0;transform:translateY(3px)}}.tm-cp-rail{stroke:var(--border-strong);stroke-width:2px;stroke-linecap:round}.tm-cp-thumb{fill:var(--accent);animation:tm-cp-thumb var(--tm-cycle) var(--ease) infinite}@keyframes tm-cp-thumb{0%,16%{transform:translate(75px)}46%,92%{transform:none}to{transform:translate(75px)}}.tm-cp-tick{stroke:var(--success);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:0;animation:tm-cp-tick var(--tm-cycle) var(--ease) infinite}@keyframes tm-cp-tick{0%,62%{stroke-dashoffset:14px}74%,92%{stroke-dashoffset:0}to{stroke-dashoffset:14px}}.tm-cp-done{animation:tm-cp-done var(--tm-cycle) var(--ease) infinite}@keyframes tm-cp-done{0%,58%{opacity:0;transform:scale(.8)}70%,92%{opacity:1;transform:none}to{opacity:0;transform:scale(.8)}}.cp{--cp-media-h:clamp(280px, 52vh, 560px);grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"stage verdict""controls controls""support support""progress progress""strip strip";align-items:start;gap:16px;max-width:1200px;margin-inline:auto;display:grid;container-type:inline-size}.cp:has(.cp__verdict[hidden]){grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""controls""support""progress""strip"}.cp:has(.cp__verdict[hidden]) .cp__viewswitch{display:none}@container (width<=900px){.cp{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""verdict""controls""support""progress""strip"}}.cp__stagewrap{grid-area:stage;min-width:0}.cp__verdict{grid-area:verdict}.cp__bar-controls{grid-area:controls}.cp__support{grid-area:support}[data-cp=progress-wrap]{grid-area:progress}.cp__strip{grid-area:strip}.cp__stagehead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;min-height:32px;margin-bottom:10px;display:flex}.cp__file{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8125rem;font-weight:600;overflow:hidden}.cp__viewswitch{flex-wrap:wrap;gap:8px;display:flex}.cp__stage{height:var(--cp-media-h);border-radius:var(--r-lg);background:var(--surface-inset);place-items:center;display:grid;position:relative;overflow:hidden}.cp__empty{border:2px dashed var(--border-strong);border-radius:var(--r-lg);width:100%;height:100%;color:var(--text-muted);text-align:center;cursor:pointer;background:0 0;align-content:center;place-items:center;gap:4px;padding:1.5rem;transition:border-color .18s,background .18s,color .18s;display:grid}.cp__empty svg{color:var(--accent-text);margin-bottom:6px}.cp__emptytitle{color:var(--text);font-size:.9375rem;font-weight:620}.cp__emptyhint{color:var(--text-subtle);max-width:40ch;font-size:.8125rem}.cp__empty:hover,.cp__stage.is-dragover .cp__empty{border-color:var(--accent);background:var(--accent-soft)}.cp__empty:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}.cp__stage.is-dragover{outline:2px dashed var(--accent);outline-offset:-3px}.cp__pane{background-color:var(--surface-inset);background-image:linear-gradient(45deg, var(--border) 25%, transparent 25%), linear-gradient(-45deg, var(--border) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--border) 75%), linear-gradient(-45deg, transparent 75%, var(--border) 75%);user-select:none;--cp-split:50%;--cp-pan-x:0px;--cp-pan-y:0px;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;max-width:100%;max-height:100%;line-height:0;position:relative}.cp__img--a{max-width:100%;max-height:var(--cp-media-h);-webkit-user-drag:none;width:auto;height:auto;display:block}.cp__img--b,.cp__img--d{object-fit:fill;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cp__stage[data-zoom=in] .cp__pane{aspect-ratio:auto;cursor:grab;touch-action:none;width:100%;height:100%}.cp__stage[data-zoom=in] .cp__pane.is-panning{cursor:grabbing}.cp__stage[data-zoom=in] .cp__img{max-width:none;max-height:none;width:calc(var(--cp-natural-w,100%) * var(--cp-scale,1));height:auto;translate:var(--cp-pan-x) var(--cp-pan-y);image-rendering:pixelated;position:absolute;inset:0}.cp__stage[data-view=split] .cp__img--b{clip-path:inset(0 0 0 var(--cp-split))}.cp__stage[data-view=split] .cp__img--d{display:none}.cp__divider{top:0;bottom:0;left:var(--cp-split);cursor:ew-resize;touch-action:none;z-index:3;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #00000059}.cp__divider:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.cp__grip{border-radius:var(--r-full);color:#23232e;background:#fff;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 1px 4px #00000073}.cp__grip:after{content:"";position:absolute;inset:-7px}.cp__stage:not([data-view=split]) .cp__divider{display:none}.cp__stage[data-view=side] .cp__img--a{clip-path:inset(0 50% 0 0)}.cp__stage[data-view=side] .cp__img--b{clip-path:inset(0 0 0 50%)}.cp__stage[data-view=side] .cp__img--d{display:none}.cp__stage[data-view=side] .cp__pane:after{content:"";pointer-events:none;z-index:2;background:#fffc;width:1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 0 1px #0000004d}.cp__stage[data-view=diff] .cp__img--a{visibility:hidden}.cp__stage[data-view=diff] .cp__img--b{display:none}.cp__stage[data-view=diff] .cp__img--d{display:block}.cp__stage[data-view=diff] .cp__tag{display:none}.cp__img--d{background:#000;display:none}.cp__tag{border-radius:var(--r-sm);color:#fff;font-family:var(--font-mono);letter-spacing:.01em;white-space:nowrap;pointer-events:none;z-index:2;background:#000000b8;padding:3px 9px;font-size:.6875rem;line-height:1.5;position:absolute;top:10px}.cp__tag--a{left:10px}.cp__tag--b{right:10px}.cp__hint{min-height:2.9em;margin-top:8px}.cp__verdict{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;gap:14px;padding:14px;display:flex}.cp__scale{flex-direction:column;gap:6px;display:flex}.cp__bar{border-radius:var(--r-full);background:var(--surface-inset);height:10px;overflow:hidden}.cp__bar span{border-radius:var(--r-full);width:0;height:100%;transition:width .35s var(--ease);display:block}.cp__bar--in span{background:var(--border-strong)}.cp__bar--out span{background:var(--accent)}.cp__figures{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.cp__fig{flex-direction:column;gap:1px;min-width:0;display:flex}.cp__figlabel{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem}.cp__fignum{font-family:var(--font-display);letter-spacing:var(--track-display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.125rem;font-weight:700;line-height:1.1}.cp__fig--out .cp__fignum{color:var(--accent-text)}.cp__arrow{color:var(--text-subtle);flex-shrink:0;margin-bottom:3px}.cp__saving{border-radius:var(--r-full);background:var(--success-soft);color:var(--success);white-space:nowrap;margin-left:auto;padding:3px 9px;font-size:.75rem;font-weight:650}.cp__note{color:var(--text-muted);text-wrap:pretty;min-height:6.4em;margin:0;font-size:.8125rem}.cp__acts{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.cp__striphead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;margin-bottom:8px;display:flex}.cp__strips{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.cp__chip{border:1px solid var(--border-input);border-radius:var(--r-md);background:var(--surface);cursor:pointer;text-align:left;flex:none;width:108px;padding:0;transition:border-color .15s,box-shadow .15s;overflow:hidden}.cp__chip:hover{border-color:var(--border-hover)}.cp__chip[aria-selected=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cp__chipimg{display:block;position:relative}.cp__chipimg img{object-fit:cover;background:var(--surface-inset);width:100%;height:62px;display:block}.cp__chipsave{border-radius:var(--r-full);background:var(--success);color:var(--n-0);font-family:var(--font-mono);padding:1px 6px;font-size:.625rem;font-weight:500;line-height:1.6;position:absolute;bottom:4px;right:4px}.cp__chipsave.is-flat{background:var(--surface-inset);color:var(--text-subtle)}.cp__chipmeta{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-subtle);white-space:nowrap;text-overflow:ellipsis;padding:5px 7px 6px;display:block;overflow:hidden}.cp__chip.is-failed{border-color:var(--danger,var(--border-input));opacity:.75}.cp__support{max-width:62ch}.cp__stage input[type=file]{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cp__host{height:100%;min-height:420px}.cp__host>.cp{--cp-media-h:100%;grid-template-rows:minmax(0,1fr) auto auto auto auto;align-items:stretch;max-width:none;height:100%}.cp__host .cp__stagewrap{flex-direction:column;min-height:0;display:flex}.cp__host .cp__stage{flex:1;min-height:0}.cp__host .cp__verdict{align-self:start}.cp__host [data-cp=expand]{display:none}