.compress-intro{gap:var(--space-6);flex-direction:column;display:flex}.compress-stack{gap:var(--space-8);flex-direction:column;display:flex}.compress-card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.compress-card-head h2,.compress-stack>.ui-card>h2{margin-bottom:var(--space-2)}.compress-stack>.ui-card>h2+p{margin-bottom:var(--space-6)}.compress-head-actions{align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.compress-select-slot{flex:none;width:240px;max-width:100%}@media (max-width:640px){.compress-select-slot{width:100%}}.compress-chips{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.compress-chips:empty{display:none}.compress-add{margin-top:var(--space-2)}.compress-layout{gap:var(--space-8);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:960px){.compress-layout{grid-template-columns:minmax(0, 1fr) var(--panel-width)}}.compress-compare-block{gap:var(--space-5);flex-direction:column;display:flex}.compress-compare{border-radius:var(--radius-xl);background:var(--bg-sunken);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;max-height:480px;position:relative;overflow:hidden}.compress-compare-img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.compress-compare-clip{position:absolute;inset:0}.compress-compare-divider{z-index:2;background:var(--bg-surface);width:2px;box-shadow:var(--shadow-2);pointer-events:none;position:absolute;top:0;bottom:0;transform:translate(-50%)}.compress-compare-knob{border-radius:var(--radius-pill);background:var(--bg-surface);width:40px;height:40px;color:var(--content-secondary);box-shadow:var(--shadow-2);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compress-compare-knob-flip{transform:rotate(180deg)}.compress-compare-badge{z-index:3;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);background:var(--material-scrim);color:var(--content-inverse);-webkit-backdrop-filter:var(--material-blur-thin);backdrop-filter:var(--material-blur-thin);pointer-events:none;position:absolute}.compress-compare-badge--left{top:var(--space-6);left:var(--space-6)}.compress-compare-badge--right{top:var(--space-6);right:var(--space-6)}.compress-compare-badge--bottom{bottom:var(--space-6);left:var(--space-6)}.compress-compare-control{gap:var(--space-2);flex-direction:column;display:flex}.compress-flip-icon{transform:rotate(180deg)}.compress-preview-foot{justify-content:space-between;align-items:center;gap:var(--space-5);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.compress-size-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:480px){.compress-size-grid{grid-template-columns:minmax(0,1fr)}}.compress-actions{gap:var(--space-4);margin-top:var(--space-7);flex-direction:column;display:flex}.compress-stats{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.compress-stats .ui-stat{text-align:center;align-items:center}@media (max-width:640px){.compress-stats{grid-template-columns:minmax(0,1fr)}}.crop-stage{background:var(--bg-sunken)}.crop-stage-scroll{align-items:center;gap:var(--space-5);width:100%;min-height:0;padding:var(--space-7);flex-direction:column;flex:1;display:flex;overflow:auto}.crop-canvas-frame{border-radius:var(--radius-md);width:100%;max-width:800px;box-shadow:var(--shadow-2);-webkit-user-select:none;user-select:none;touch-action:none;margin-inline:auto;position:relative;overflow:hidden}.crop-image{-webkit-user-drag:none;width:100%;height:auto;display:block}.crop-box{box-sizing:border-box;border:2px solid var(--content-inverse);box-shadow:0 0 0 9999px var(--material-scrim);cursor:move;outline:none;position:absolute}.crop-box[data-focus-visible]{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(-1 * var(--space-2))}.crop-grid{opacity:.32;background-image:linear-gradient(to right, var(--content-inverse) 1px, transparent 1px), linear-gradient(to bottom, var(--content-inverse) 1px, transparent 1px);pointer-events:none;background-size:33.3333% 33.3333%;position:absolute;inset:0}.crop-handle{box-sizing:border-box;border:2px solid var(--border-accent);border-radius:var(--radius-pill);background:var(--bg-surface);pointer-events:none;width:12px;height:12px;position:absolute}.crop-handle--nw{top:calc(-1 * var(--space-3));left:calc(-1 * var(--space-3))}.crop-handle--ne{top:calc(-1 * var(--space-3));right:calc(-1 * var(--space-3))}.crop-handle--sw{bottom:calc(-1 * var(--space-3));left:calc(-1 * var(--space-3))}.crop-handle--se{right:calc(-1 * var(--space-3));bottom:calc(-1 * var(--space-3))}.crop-handle--n{top:calc(-1 * var(--space-3));left:50%;transform:translate(-50%)}.crop-handle--s{bottom:calc(-1 * var(--space-3));left:50%;transform:translate(-50%)}.crop-handle--e{top:50%;right:calc(-1 * var(--space-3));transform:translateY(-50%)}.crop-handle--w{top:50%;left:calc(-1 * var(--space-3));transform:translateY(-50%)}.crop-stage-empty>.ui-dropzone{max-width:560px;margin-inline:auto}.crop-size-line{text-align:center;flex:none}.crop-stage-empty{width:100%;min-height:0;padding:var(--space-9);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.crop-result-area{width:100%;min-height:0;padding:var(--space-8);flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.crop-result-img{border-radius:var(--radius-md);max-width:100%;max-height:100%;box-shadow:var(--shadow-2);object-fit:contain}.crop-panel-stats{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.crop-panel-actions{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.crop-ratio-seg{width:100%}.crop-panel-divider{margin:var(--space-2) 0}