.ws-main{max-width:55rem;margin:0 auto;padding:0 var(--mp-gutter) var(--mp-space-16)}.hero{text-align:center;padding-top:clamp(var(--mp-space-8),5vw,var(--mp-space-12));display:flex;flex-direction:column;align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--mp-space-2);font-size:calc(var(--mp-text-micro) - 2px);font-weight:var(--mp-weight-medium);color:var(--mp-text-2);padding:var(--mp-space-1) var(--mp-space-3);margin:0 0 var(--mp-space-5);background:var(--mp-surface-1);border:1px solid var(--mp-border);box-shadow:var(--mp-shadow-xs)}.hero-eyebrow,.hero-eyebrow-dot{border-radius:var(--mp-radius-full)}.hero-eyebrow-dot{width:.375rem;height:.375rem;background:var(--mp-success);box-shadow:0 0 0 3px var(--mp-success-soft)}.dz-cta{margin-top:var(--mp-space-6);pointer-events:none}.hero h1{font-size:clamp(1.75rem,4.2vw,var(--mp-text-display));line-height:var(--mp-lh-display);font-weight:var(--mp-weight-semibold);letter-spacing:-.025em;margin:0 0 var(--mp-space-3)}.hero p{font-size:var(--mp-text-body-lg);line-height:var(--mp-lh-body-lg);color:var(--mp-text-2);margin:0 0 clamp(var(--mp-space-5),2.5vw,var(--mp-space-6));max-width:34rem}.dropzone{position:relative;width:100%;min-height:20rem;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mp-space-1);background:var(--mp-surface-1);border:2px dashed var(--mp-border-strong);border-radius:var(--mp-radius-xl);box-shadow:var(--mp-shadow-lg);cursor:pointer;text-align:center;padding:clamp(var(--mp-space-8),5vw,var(--mp-space-16)) var(--mp-space-8);overflow:hidden;transition:border-color var(--mp-dur-base) var(--mp-ease-out),box-shadow var(--mp-dur-base) var(--mp-ease-out),transform var(--mp-dur-base) var(--mp-ease-out)}.dropzone:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--mp-grad-soft);opacity:0;transition:opacity var(--mp-dur-base) var(--mp-ease-out)}.dropzone:hover{border-color:var(--mp-brand);box-shadow:var(--mp-shadow-xl)}.dropzone:hover:before{opacity:1}.dropzone.is-dragover{border-color:var(--mp-brand);transform:scale(.995)}.dropzone.is-dragover:before{opacity:1}.dropzone .dz-mark{display:grid;place-items:center;width:5.5rem;height:5.5rem;border-radius:var(--mp-radius-xl);background:var(--mp-grad);color:#FFFFFF;box-shadow:0 14px 30px -8px rgba(46,111,224,.5);transition:transform var(--mp-dur-base) var(--mp-ease-out);animation:dzFloat 4s ease-in-out infinite}.dropzone .dz-mark svg{width:2.5rem;height:2.5rem}.dropzone.is-dragover .dz-mark,.dropzone:hover .dz-mark{transform:translateY(-4px) scale(1.04)}@keyframes dzFloat{50%{transform:translateY(-7px)}}.dz-title{font-size:var(--mp-text-h3);font-weight:var(--mp-weight-semibold);letter-spacing:-.01em;color:var(--mp-text-1);margin-top:var(--mp-space-5)}.dz-title .dz-pick{background:var(--mp-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.dz-sub{margin-top:var(--mp-space-2)}.dz-note,.dz-sub{font-size:var(--mp-text-caption);color:var(--mp-text-3)}.dz-note{display:inline-flex;align-items:center;margin-top:var(--mp-space-5);font-family:var(--mp-font-mono);background:var(--mp-surface-2);border:1px solid var(--mp-border);padding:var(--mp-space-2) var(--mp-space-4);border-radius:var(--mp-radius-full)}.privacy-line{display:flex;align-items:flex-start;justify-content:center;gap:var(--mp-space-2);font-size:var(--mp-text-caption);color:var(--mp-text-2);text-align:center}.hero .privacy-line{margin-top:var(--mp-space-10)}.privacy-line svg{flex:none;color:var(--mp-success);margin-top:.15em}.trust-row{display:flex;align-items:stretch;justify-content:center;margin-top:var(--mp-space-3);background:var(--mp-surface-1);border:1px solid var(--mp-border);border-radius:var(--mp-radius-lg);box-shadow:var(--mp-shadow-sm);overflow:hidden}.trust-row span{display:inline-flex;align-items:center;justify-content:center;gap:var(--mp-space-2);padding:var(--mp-space-4) var(--mp-space-6);font-size:var(--mp-text-caption);font-weight:var(--mp-weight-medium);color:var(--mp-text-2)}.trust-row span+span{border-left:1px solid var(--mp-border)}.trust-row svg{color:var(--mp-success)}.add-strip{display:flex;align-items:center;justify-content:center;gap:var(--mp-space-2);width:100%;margin-top:var(--mp-space-8);padding:var(--mp-space-3);background:var(--mp-surface-1);border:1px dashed var(--mp-border-strong);border-radius:var(--mp-radius-lg);color:var(--mp-text-2);font-size:var(--mp-text-body);font-weight:var(--mp-weight-medium);cursor:pointer;font-family:inherit;transition:border-color var(--mp-dur-fast) var(--mp-ease-out),background-color var(--mp-dur-fast) var(--mp-ease-out),color var(--mp-dur-fast) var(--mp-ease-out)}.add-strip.is-dragover,.add-strip:hover{border-color:var(--mp-brand);background:var(--mp-brand-soft);color:var(--mp-text-1)}.toolbar{display:flex;align-items:center;gap:var(--mp-space-6);flex-wrap:wrap;margin-top:var(--mp-space-5)}.hero .toolbar{width:100%;justify-content:center;margin-top:var(--mp-space-1);margin-bottom:var(--mp-space-4)}.toolbar-group{display:flex;align-items:center;gap:var(--mp-space-2)}.toolbar-label{font-size:var(--mp-text-caption);font-weight:var(--mp-weight-medium);color:var(--mp-text-2)}.toolbar .spacer{margin-left:auto}.lock-icon{width:.75rem;height:.75rem}.banner-warning{display:flex;align-items:flex-start;gap:var(--mp-space-3);margin-top:var(--mp-space-5);padding:var(--mp-space-3) var(--mp-space-4);background:var(--mp-warning-soft);border:1px solid transparent;border-radius:var(--mp-radius-lg);color:var(--mp-on-warning-soft);font-size:var(--mp-text-body)}.banner-warning svg{flex:none;margin-top:.1875rem}.banner-warning .banner-actions{margin-left:auto;display:flex;gap:var(--mp-space-2);flex:none}.summary{position:-webkit-sticky;position:sticky;top:calc(var(--mp-nav-height) + var(--mp-space-2));z-index:30;display:flex;align-items:center;gap:var(--mp-space-4);margin-top:var(--mp-space-5);padding:var(--mp-space-4) var(--mp-space-5);background:var(--mp-surface-1);border:1px solid var(--mp-border);border-radius:var(--mp-radius-lg);box-shadow:var(--mp-shadow-lg)}.summary-text{font-size:var(--mp-text-body);color:var(--mp-text-1);font-weight:var(--mp-weight-medium)}.summary-sub{font-size:var(--mp-text-caption);color:var(--mp-text-3)}.summary-sub.is-danger{color:var(--mp-danger)}.summary-progress{flex:1 1 8rem;min-width:5rem}.summary .check{flex:none;width:1.75rem;height:1.75rem;border-radius:var(--mp-radius-full);background:var(--mp-brand-soft-2);color:var(--mp-on-brand-soft);display:inline-flex;align-items:center;justify-content:center;animation:springIn var(--mp-dur-celebrate) var(--mp-ease-spring) both}.summary-num{font-family:var(--mp-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:var(--mp-tracking-num);font-weight:var(--mp-weight-semibold);color:var(--mp-brand)}.summary-actions{margin-left:auto;align-items:center;flex:none}.filelist,.summary-actions{display:flex;gap:var(--mp-space-2)}.filelist{list-style:none;margin:var(--mp-space-4) 0 0;padding:0;flex-direction:column}.filecard{position:relative;display:flex;align-items:center;gap:var(--mp-space-3);min-height:4.75rem;padding:var(--mp-space-3) var(--mp-space-4);background:var(--mp-surface-1);border:1px solid var(--mp-border);border-radius:var(--mp-radius-lg);box-shadow:var(--mp-shadow-sm);overflow:hidden;animation:cardIn var(--mp-dur-base) var(--mp-ease-out) both}.filelist .filecard:nth-child(2){animation-delay:40ms}.filelist .filecard:nth-child(3){animation-delay:80ms}.filelist .filecard:nth-child(4){animation-delay:.12s}.filelist .filecard:nth-child(5){animation-delay:.16s}.filelist .filecard:nth-child(6){animation-delay:.2s}@keyframes cardIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}.filecard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.filecard.is-failed:before,.filecard.is-rejected:before{background:var(--mp-danger)}.filecard.is-queued:before{background:var(--mp-neutral-300)}.filecard.is-uploading:before{background:var(--mp-info)}.filecard.is-compressing:before,.filecard.is-done:before{background:var(--mp-brand)}.filecard.is-done:before{animation:edgeFade var(--mp-dur-fast) var(--mp-ease-out) .15s forwards}.filecard.is-blocked:before{background:var(--mp-warning)}@keyframes edgeFade{to{opacity:0}}.thumb{flex:none;width:3rem;height:3rem;border-radius:var(--mp-radius-sm);background:var(--mp-surface-3);display:flex;align-items:center;justify-content:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb svg{width:1.5rem;height:1.5rem;color:var(--mp-text-3)}.thumb-format{font-size:var(--mp-text-micro);font-weight:var(--mp-weight-semibold);letter-spacing:.04em;color:var(--mp-text-3);text-transform:uppercase}.file-meta{min-width:0;flex:0 1 16rem}.file-name{font-size:var(--mp-text-body);font-weight:var(--mp-weight-medium);color:var(--mp-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info{font-size:var(--mp-text-caption);color:var(--mp-text-3)}.file-status{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--mp-space-3)}.status-done{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--mp-space-1);min-width:0}.status-line{display:inline-flex;align-items:center;gap:var(--mp-space-3)}.conversion-note{line-height:1.35}.conversion-note,.status-text{font-size:var(--mp-text-caption);color:var(--mp-text-3)}.status-text{white-space:nowrap}.status-progress{flex:1 1 6rem;max-width:14rem}.size-change{font-family:var(--mp-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:var(--mp-tracking-num);font-size:var(--mp-text-caption);color:var(--mp-text-2);white-space:nowrap}.size-change .arrow{color:var(--mp-text-3)}.size-change strong{color:var(--mp-text-1);font-weight:var(--mp-weight-semibold)}.error-text{font-size:var(--mp-text-caption);color:var(--mp-danger)}.error-code{display:block;font-size:var(--mp-text-micro);color:var(--mp-text-3);font-family:var(--mp-font-mono)}.blocked-text{font-size:var(--mp-text-caption);color:var(--mp-on-warning-soft)}.blocked-text a{color:inherit;text-decoration:underline}.status-icon{flex:none;width:1rem;height:1rem}.status-icon.danger{color:var(--mp-danger)}.status-icon.warning{color:var(--mp-warning)}.file-actions{margin-left:auto;display:flex;align-items:center;gap:var(--mp-space-1);flex:none}.list-footnote{margin-top:var(--mp-space-4);color:var(--mp-text-3);text-align:center}.hintchip,.list-footnote{font-size:var(--mp-text-caption)}.hintchip{display:flex;align-items:center;gap:var(--mp-space-2);padding:var(--mp-space-2) var(--mp-space-4);background:var(--mp-surface-2);line-height:var(--mp-lh-caption);color:var(--mp-text-2);animation:hintIn var(--mp-dur-base) var(--mp-ease-out) var(--mp-dur-celebrate) both}@keyframes hintIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.hintchip.no-anim{animation:none}.filecard.has-hint{flex-wrap:wrap}.filecard .hintchip{flex:1 1 100%;order:9;margin:var(--mp-space-2) calc(-1 * var(--mp-space-4)) calc(-1 * var(--mp-space-3));border-top:1px solid var(--mp-border)}.hintchip.in-dialog{border:1px solid var(--mp-border);border-radius:var(--mp-radius-md);margin-top:var(--mp-space-3)}.hintchip-icon{flex:none;width:1rem;height:1rem;color:var(--mp-brand)}.hintchip.is-action-done .hintchip-icon{color:var(--mp-success)}.hintchip.is-action-failed .hintchip-icon{color:var(--mp-danger)}.hintchip.is-action-done.celebrate .hintchip-icon,.hintchip.is-action-done.celebrate .hintchip-pill[aria-checked=true]{animation:springIn var(--mp-dur-celebrate) var(--mp-ease-spring) both}.hintchip-text{flex:1 1 auto;min-width:0;margin:0}.hintchip-actions{flex:none;display:inline-flex;align-items:center;gap:var(--mp-space-2);margin-left:auto}.hintchip-quota{flex:none;font-size:var(--mp-text-micro);color:var(--mp-text-2)}.hintchip-fade{animation:hintFade var(--mp-dur-base) var(--mp-ease-out) both}@keyframes hintFade{0%{opacity:0}to{opacity:1}}.hintchip-pills{flex:none;background:var(--mp-surface-3);border-radius:var(--mp-radius-md);padding:.125rem}.hintchip-pill,.hintchip-pills{display:inline-flex;align-items:center}.hintchip-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;gap:var(--mp-space-1);height:1.75rem;padding:0 var(--mp-space-3);border-radius:var(--mp-radius-sm);font-family:inherit;font-size:var(--mp-text-caption);line-height:1;color:var(--mp-text-2);transition:background-color var(--mp-dur-fast) var(--mp-ease-out),color var(--mp-dur-fast) var(--mp-ease-out)}.hintchip-pill[aria-checked=true]{background:var(--mp-surface-1);color:var(--mp-text-1);font-weight:var(--mp-weight-semibold);box-shadow:var(--mp-shadow-xs)}.hintchip-pill svg{width:.75rem;height:.75rem;color:var(--mp-success);flex:none;stroke-width:2.5}.hintchip .btn{white-space:normal;height:auto;min-height:2rem;padding-top:var(--mp-space-1);padding-bottom:var(--mp-space-1);line-height:1.3;text-align:center}.badge-saving.no-spring{animation:none}.compare-meta{display:flex;align-items:center;gap:var(--mp-space-3);margin-bottom:var(--mp-space-3);flex-wrap:wrap}.compare-zoom{margin-left:auto}.zoom-stepper{gap:0;background:var(--mp-surface-3);border-radius:var(--mp-radius-md);padding:var(--mp-space-1)}.zoom-stepper,.zoom-stepper button{display:inline-flex;align-items:center}.zoom-stepper button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;width:2rem;height:2rem;border-radius:var(--mp-radius-sm);font-family:inherit;font-size:var(--mp-text-body);line-height:1;font-weight:var(--mp-weight-semibold);color:var(--mp-text-2);justify-content:center;transition:background-color var(--mp-dur-fast) var(--mp-ease-out),color var(--mp-dur-fast) var(--mp-ease-out)}.zoom-stepper button:hover:not(:disabled){background:var(--mp-surface-1);color:var(--mp-text-1)}.zoom-stepper button:disabled{opacity:.4;cursor:default}.zoom-stepper .zoom-value{min-width:3.5rem;text-align:center;padding:0 var(--mp-space-1);font-family:var(--mp-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--mp-text-caption);font-weight:var(--mp-weight-medium);color:var(--mp-text-1)}.compare{position:relative;border-radius:var(--mp-radius-lg);overflow:hidden;aspect-ratio:16/10;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;background-color:#ffffff;background-image:conic-gradient(#dcdcdc 25%,#0000 0 50%,#dcdcdc 0 75%,#0000 0);background-size:20px 20px}[data-theme=dark] .compare{background-color:#2b2b2b;background-image:conic-gradient(#3a3a3a 25%,#0000 0 50%,#3a3a3a 0 75%,#0000 0)}.compare-canvas{position:absolute;inset:0;transition:transform var(--mp-dur-base) var(--mp-ease-in-out);transform-origin:center}.compare.space-pan{cursor:-webkit-grab;cursor:grab}.compare.space-pan.is-panning{cursor:-webkit-grabbing;cursor:grabbing}.compare.is-panning .compare-canvas{transition:none}.compare-layer{position:absolute;inset:0}.compare-layer img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.layer-original{-webkit-clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0);clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0)}.layer-compressed{-webkit-clip-path:inset(0 0 0 var(--pos,50%));clip-path:inset(0 0 0 var(--pos,50%))}.compare-divider{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:2px;background:#FFFFFF;transform:translateX(-50%);pointer-events:none}[data-theme=dark] .compare-divider{background:var(--mp-brand-400)}.compare.is-animating .layer-compressed,.compare.is-animating .layer-original{transition:-webkit-clip-path var(--mp-dur-base) var(--mp-ease-in-out);transition:clip-path var(--mp-dur-base) var(--mp-ease-in-out);transition:clip-path var(--mp-dur-base) var(--mp-ease-in-out),-webkit-clip-path var(--mp-dur-base) var(--mp-ease-in-out)}.compare.is-animating .compare-divider,.compare.is-animating .compare-handle{transition:left var(--mp-dur-base) var(--mp-ease-in-out)}.compare-handle{position:absolute;top:50%;left:var(--pos,50%);width:2.5rem;height:2.5rem;border-radius:var(--mp-radius-full);background:var(--mp-surface-1);box-shadow:var(--mp-shadow-md);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;color:var(--mp-text-2);cursor:ew-resize;border:0;transition:transform var(--mp-dur-instant) var(--mp-ease-out)}.compare-handle:active{transform:translate(-50%,-50%) scale(1.08)}.compare-chip{position:absolute;top:var(--mp-space-3);padding:var(--mp-space-1) var(--mp-space-2);border-radius:var(--mp-radius-full);background:rgba(0,0,0,.56);color:#FFFFFF;font-family:var(--mp-font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--mp-text-micro);pointer-events:none}.chip-left{left:var(--mp-space-3)}.chip-right{right:var(--mp-space-3)}.compare-badge-slot{position:absolute;bottom:var(--mp-space-3);left:50%;transform:translateX(-50%)}.compare-swap-under{position:absolute;inset:0}.compare-swap-in{animation:hintFade var(--mp-dur-base) var(--mp-ease-out) both}.compare-skeleton{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--mp-text-3);font-size:var(--mp-text-caption);background:linear-gradient(100deg,var(--mp-surface-3) 40%,var(--mp-surface-2) 50%,var(--mp-surface-3) 60%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}@media (max-width:767px){.hero{padding-top:var(--mp-space-8)}.hero h1{font-size:var(--mp-text-h1);line-height:var(--mp-lh-h1)}.hero p{font-size:var(--mp-text-body)}.dropzone{min-height:12.5rem}.dz-paste-hint,.dz-sub{display:none}.toolbar{gap:var(--mp-space-3)}.toolbar-group{max-width:100%;overflow-x:auto;padding-block:var(--mp-space-1);scroll-padding:var(--mp-space-1)}.summary{flex-wrap:wrap}.summary-actions{width:100%;margin-left:0}.summary-actions .btn{flex:1 1;min-height:2.75rem}.filecard{flex-wrap:wrap;min-height:0}.thumb{width:2.5rem;height:2.5rem}.file-meta{flex:1 1 auto}.file-status{flex-basis:100%;order:3}.file-actions{order:2}.file-actions .btn{min-height:2.75rem}.file-actions .btn-icon{min-width:2.75rem;min-height:2.75rem}.banner-warning{flex-wrap:wrap}.banner-warning .banner-actions{margin-left:0;width:100%}.hintchip{flex-wrap:wrap}.hintchip-text{flex-basis:100%}.hintchip-actions{flex-wrap:wrap;justify-content:flex-end}.hintchip .btn{min-height:2.75rem}.hintchip .btn-icon{min-width:2.75rem;min-height:2.75rem}.hintchip-pills{flex-wrap:wrap}.hintchip-pill{min-height:2.75rem}}