.compress-studio-meta{margin-block:.7rem}.compress-studio-workspace{border-top-color:var(--foreground)}.compress-studio-preview{background:color-mix(in oklab, var(--paper) 86%, var(--muted));min-width:0;height:100%;min-height:0;padding:0;display:grid;overflow:hidden}.compress-studio-preview-measure{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid}.compress-studio-preview-frame{background:conic-gradient(#ffffff14 25%, transparent 0 50%, #ffffff14 0 75%, transparent 0) 0 / 18px 18px, #292d28;max-width:100%;max-height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff24}.compress-studio-layer{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.compress-studio-divider{z-index:4;background:var(--primary);pointer-events:none;width:1px;position:absolute;inset-block:0;box-shadow:0 0 0 1px #0000003d}.compress-studio-divider>span{border:2px solid var(--primary);width:2.4rem;height:2.4rem;color:var(--primary);background:#20231f;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 18px #0000004d}.compress-studio-divider svg{width:1rem;height:1rem}.compress-studio-split-control{z-index:5;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.compress-studio-split-control:focus-visible{opacity:.001;outline:3px solid var(--primary);outline-offset:-3px}.compress-studio-badge{z-index:6;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.035em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#191b18d1;border:1px solid #ffffff38;border-radius:.45rem;max-width:calc(50% - 1.5rem);padding:.4rem .55rem;font-size:.62rem;font-weight:800;position:absolute;top:.75rem;overflow:hidden}.compress-studio-badge-original{left:.75rem}.compress-studio-badge-compressed{border-color:color-mix(in oklab, var(--mint) 70%, white 15%);color:color-mix(in oklab, var(--mint) 78%, white 22%);right:.75rem}.compress-studio-loading{z-index:7;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#191b18d6;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .65rem;font-size:.65rem;font-weight:700;display:inline-flex;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.compress-studio-panel .tool-workspace-panel-scroll{background:var(--paper);overflow-x:hidden}.compress-studio-panel .tool-result-actions{grid-template-columns:1fr;width:100%;min-width:0;display:grid}.compress-studio-panel .tool-result-actions>*,.compress-studio-panel .tool-result-actions .download-button{width:100%;min-width:0}.compress-studio-controls{align-content:start;display:grid}.compress-studio-section{border-bottom:1px solid var(--border);gap:.7rem;padding:.9rem 1rem;display:grid}.compress-studio-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.compress-studio-mode>button:first-child{grid-column:1/-1}.compress-smart-auto-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.compress-smart-auto-heading>span{align-items:center;gap:.4rem;font-size:.76rem;display:inline-flex}.compress-smart-auto-heading svg{width:1rem;height:1rem;color:var(--primary)}.compress-smart-auto-heading output{color:var(--primary);font-family:var(--font-display);font-size:.82rem;font-weight:800}.compress-smart-auto p{color:var(--muted-foreground);font-size:.64rem;line-height:1.45}.compress-studio-mode>button{min-width:0;min-height:4rem;box-shadow:none;justify-content:flex-start;padding:.65rem .75rem}.compress-studio-mode>button>span{text-align:left;gap:.12rem;min-width:0;display:grid}.compress-studio-mode strong,.compress-studio-mode small{text-overflow:ellipsis;overflow:hidden}.compress-studio-mode strong{font-size:.72rem}.compress-studio-mode small{color:var(--muted-foreground);white-space:normal;font-size:.54rem;font-weight:600;line-height:1.3}.compress-studio-mode-active,.compress-fixed-size-active{border-color:var(--foreground)!important;background:var(--mint)!important;color:var(--foreground)!important}.compress-studio-quality{justify-content:space-between;align-items:center;gap:.7rem;font-size:.78rem;font-weight:800;display:flex}.compress-studio-quality output{color:var(--primary);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:.95rem}.compress-studio-range{width:100%;accent-color:var(--primary);cursor:pointer}.compress-studio-range-labels{color:var(--muted-foreground);grid-template-columns:repeat(3,1fr);font-size:.58rem;font-weight:700;display:grid}.compress-studio-range-labels span:nth-child(2){text-align:center}.compress-studio-range-labels span:last-child{text-align:right}.compress-fixed-size-heading{justify-content:space-between;align-items:baseline;gap:.7rem;display:flex}.compress-fixed-size-heading small{max-width:12rem;color:var(--muted-foreground);text-align:right;font-size:.58rem;line-height:1.3}.compress-fixed-size-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;display:grid}.compress-fixed-size-options>button{min-width:0;box-shadow:none;padding-inline:.4rem}.compress-custom-target{justify-content:space-between;align-items:center;gap:.75rem;font-size:.68rem;font-weight:800;display:flex}.compress-custom-target>span:last-child{align-items:center;gap:.4rem;display:flex}.compress-custom-target input{border:1px solid var(--border);background:var(--paper);width:6rem;color:var(--foreground);font:inherit;font-variant-numeric:tabular-nums;border-radius:.35rem;padding:.55rem .6rem}.compress-custom-target input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.compress-fixed-size-note,.compress-studio-footnote,.compress-studio-message{color:var(--muted-foreground);font-size:.62rem;line-height:1.45}.compress-studio-footnote{padding:.8rem 1rem}.compress-studio-message{border-bottom:1px solid var(--border);padding:.7rem 1rem;font-weight:700}.compress-studio-error{border:1px solid color-mix(in oklab, var(--destructive) 45%, var(--border));background:color-mix(in oklab, var(--destructive) 7%, var(--paper));color:var(--destructive);margin:.75rem 1rem 0;padding:.65rem .75rem;font-size:.65rem;line-height:1.45}.compress-target-feedback{border:1px solid var(--border);border-radius:.35rem;padding:.65rem .7rem;font-size:.62rem;font-weight:750;line-height:1.45}.compress-target-ready{border-color:color-mix(in oklab, var(--mint) 65%, var(--border));background:color-mix(in oklab, var(--mint) 24%, var(--paper))}.compress-target-missed{border-color:color-mix(in oklab, var(--destructive) 45%, var(--border));background:color-mix(in oklab, var(--destructive) 7%, var(--paper));color:var(--destructive)}.compress-result-detail{border-top:1px solid var(--border);color:var(--muted-foreground);gap:.2rem;padding:.75rem 1rem;font-size:.68rem;line-height:1.4;display:grid}.compress-result-detail strong{color:var(--foreground)}.compress-result-list{border-top:1px solid var(--border);max-height:16rem;overflow-y:auto}.compress-result-item{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex}.compress-result-item:last-child{border-bottom:0}.compress-result-item>div{flex:1;min-width:0}.compress-result-item p{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:700;overflow:hidden}.compress-result-item small{color:var(--muted-foreground);margin-top:.1rem;font-size:.6rem;line-height:1.35;display:block}.compress-studio-progress{border-top:1px solid var(--foreground);background:var(--paper);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.7rem 1rem;display:grid}.compress-studio-progress-track{background:var(--muted);border-radius:999px;height:.45rem;overflow:hidden}.compress-studio-progress-track>div{background:var(--primary);height:100%;transition:width .18s}.compress-studio-progress>span{color:var(--muted-foreground);font-size:.62rem;font-weight:700}@media (width<=860px){.compress-studio-preview{height:auto;min-height:0}.compress-studio-preview-measure{height:min(48vh,34rem);min-height:14rem}.compress-studio-preview-frame{max-height:100%}}@media (width<=520px){.compress-studio-meta{margin-block:.55rem}.compress-studio-preview-measure{height:min(42vh,26rem);min-height:12rem}.compress-studio-badge{max-width:calc(50% - .85rem);padding:.3rem .4rem;font-size:.52rem;top:.45rem}.compress-studio-badge-original{left:.45rem}.compress-studio-badge-compressed{right:.45rem}.compress-studio-divider>span{width:2rem;height:2rem}.compress-studio-section{padding:.75rem .65rem}.compress-fixed-size-heading{justify-content:stretch;display:grid}.compress-fixed-size-heading small{text-align:left;max-width:none}.compress-fixed-size-options{grid-template-columns:repeat(3,minmax(0,1fr))}.compress-studio-footnote{padding:.7rem .65rem}.compress-studio-progress{grid-template-columns:1fr auto}.compress-studio-progress-track{grid-column:1/-1}.compress-result-item{flex-direction:column;align-items:stretch}.compress-result-item>a{width:100%}}