.wb{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.wb-file{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);background:var(--glass-fill);min-width:0;padding:10px 12px;display:flex}.wb-file-icon{background:var(--brand-soft);width:40px;height:40px;color:var(--brand-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.wb-file-text{flex-direction:column;flex:1;min-width:0;display:flex}.wb-file-name{text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;font-weight:700;overflow:hidden}.wb-status{align-items:center;gap:var(--space-3);min-height:120px;color:var(--ink-muted);flex-wrap:wrap;justify-content:center;font-weight:600;display:flex}.wb-status .auth-spin{color:var(--brand)}.wb-status .wb-progress{flex-basis:100%}.wb-alert{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--danger-soft);flex-wrap:wrap;padding:12px 14px;font-size:14px;font-weight:600;display:flex;box-shadow:inset 0 0 0 1px #f970664d}.wb-warn{border-radius:var(--radius-md);background:var(--warn-soft);color:var(--warn);padding:10px 14px;font-size:14px;font-weight:600}.wb-fields{gap:var(--space-4);flex-direction:column;display:flex}.wb-field{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.wb-field>legend{margin-bottom:8px;padding:0}.wb-field-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.wb-value{font-family:var(--font-mono);font-size:14px;font-weight:600}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg-item{position:relative}.seg-item span{border-radius:var(--radius-full);background:var(--glass-fill);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;min-height:40px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.seg-item span:hover{background:var(--glass-fill-hover)}.seg-item input:checked+span{background:var(--primary);color:var(--on-primary)}.seg-item input:focus-visible+span{box-shadow:var(--focus-ring)}.wb-field:disabled .seg-item span{cursor:not-allowed;opacity:.6}.wb-slider,.dual input{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.wb-slider::-webkit-slider-runnable-track{background:var(--glass-fill-hover);border-radius:3px;height:6px}.wb-slider::-moz-range-track{background:var(--glass-fill-hover);border-radius:3px;height:6px}.wb-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface);background:var(--brand);cursor:grab;border-radius:50%;width:24px;height:24px;margin-top:-9px}.dual input::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface);background:var(--brand);cursor:grab;border-radius:50%;width:24px;height:24px;margin-top:-9px}.wb-slider::-moz-range-thumb{border:3px solid var(--surface);background:var(--brand);cursor:grab;border-radius:50%;width:18px;height:18px}.dual input::-moz-range-thumb{border:3px solid var(--surface);background:var(--brand);cursor:grab;border-radius:50%;width:18px;height:18px}.wb-slider:focus-visible,.dual input:focus-visible{outline:none}.wb-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--primary)}.dual input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--primary)}.wb-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--primary)}.dual input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--primary)}.wb-number{max-width:220px}.wb-number .field-input{text-align:left}.wb-unit{color:var(--ink-muted);padding:0 14px;font-size:14px;font-weight:600}.wb-toggle{cursor:pointer;align-self:flex-start;align-items:center;gap:10px;min-height:40px;font-size:14.5px;font-weight:600;display:inline-flex}.wb-switch{background:var(--glass-fill-hover);border-radius:13px;flex-shrink:0;width:44px;height:26px;transition:background-color .15s;position:relative}.wb-switch:after{content:"";top:3px;background:var(--ink);border-radius:50%;width:20px;height:20px;transition:inset-inline-start .15s;position:absolute;inset-inline-start:3px}.wb-toggle input:checked+.wb-switch{background:var(--brand)}.wb-toggle input:checked+.wb-switch:after{background:var(--on-brand);inset-inline-start:21px}.wb-toggle input:focus-visible+.wb-switch{box-shadow:var(--focus-ring)}.wb-toggle input:disabled+.wb-switch{opacity:.55}.scrub-video{border-radius:var(--radius-md);object-fit:contain;aspect-ratio:16/9;background:#000;width:100%;max-height:46vh}.dual{height:28px;position:relative}.dual:before,.dual:after{content:"";border-radius:3px;height:6px;position:absolute;top:11px}.dual:before{background:var(--glass-fill-hover);inset-inline:0}.dual:after{left:var(--a);right:calc(100% - var(--b));background:var(--brand)}.dual input{z-index:1;pointer-events:none;position:absolute;inset:0}.dual input::-webkit-slider-thumb{pointer-events:auto;margin-top:0}.dual input::-moz-range-thumb{pointer-events:auto}.dual input::-webkit-slider-runnable-track{background:0 0}.dual input::-moz-range-track{background:0 0}.scrub-times{justify-content:space-between;gap:4px var(--space-3);color:var(--ink-muted);flex-wrap:wrap;font-size:13.5px;display:flex}.scrub-times b{color:var(--ink);font-family:var(--font-mono);font-weight:600}.scrub-len{font-weight:600}.wave{border-radius:var(--radius-md);background:#00000059;align-items:center;gap:2px;height:96px;padding:8px;display:flex}.wave span{background:var(--line-strong);border-radius:2px;flex:1;min-width:1px}.wave span.is-in{background:var(--brand)}.crop{justify-content:center;display:flex}.crop-area{width:min(100%, calc(60vh * var(--ratio,1.7778)));border-radius:var(--radius-md);touch-action:none;-webkit-user-select:none;user-select:none;background:#000;position:relative;overflow:hidden}.crop-area img,.crop-area video{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.crop-box{outline:2px solid var(--primary);cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 9999px #08080a99}.crop-box:focus-visible{outline:3px solid var(--brand)}.crop-size{border-radius:var(--radius-full);font-family:var(--font-mono);white-space:nowrap;background:#08080abf;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;top:6px;left:6px}.crop-handle{background:var(--brand);border:3px solid var(--surface);cursor:nwse-resize;touch-action:none;border-radius:50%;width:28px;height:28px;position:absolute;bottom:-12px;right:-12px}.clips{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.clips-list{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.clips-item{align-items:center;gap:var(--space-3);padding:8px 8px 8px 12px;border-radius:var(--radius-md);background:var(--glass-fill);min-width:0;padding-inline-start:12px;display:flex}.clips-n{background:var(--brand);width:28px;height:28px;color:var(--on-brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.clips-name{flex-direction:column;flex:1;min-width:0;display:flex}.clips-actions{flex-shrink:0;gap:2px;display:flex}.wb-icon-btn{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.wb-icon-btn:hover:not(:disabled){background:var(--glass-fill-hover)}.wb-icon-btn:disabled{opacity:.35;cursor:not-allowed}.wb-icon-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.cl-icon.is-up{transform:rotate(180deg)}.cl-icon.is-x{transform:rotate(45deg)}.wb-run{gap:var(--space-3);flex-direction:column;align-items:stretch;display:flex}.wb-run>.cl-btn{align-self:flex-start}.wb-run-row{justify-content:space-between;gap:var(--space-3);font-weight:600;display:flex}.wb-run-row span:last-child{color:var(--ink-muted);font-family:var(--font-mono);font-size:14px}.wb-progress{appearance:none;background:var(--glass-fill-hover);border:0;border-radius:5px;width:100%;height:10px;overflow:hidden}.wb-progress::-webkit-progress-bar{background:var(--glass-fill-hover)}.wb-progress::-webkit-progress-value{background:var(--brand);transition:width .3s}.wb-progress::-moz-progress-bar{background:var(--brand)}.wb-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.wb-result{gap:var(--space-4);flex-direction:column;display:flex}.wb-preview{border-radius:var(--radius-md);background:#00000059;justify-content:center;display:flex;overflow:hidden}.wb-preview video,.wb-preview img{object-fit:contain;max-width:100%;max-height:60vh;display:block}.wb-preview audio{width:100%;margin:var(--space-6) var(--space-4)}.wb-meta{align-items:baseline;gap:4px var(--space-3);color:var(--ink-muted);flex-wrap:wrap;font-size:14px;display:flex}.wb-meta strong{color:var(--ink);font-size:17px}.wb-meta span:last-child{overflow-wrap:anywhere}.wb-limit{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-6) 0;flex-direction:column;display:flex}.wb-limit-title{font-family:var(--font-display);text-wrap:balance;font-size:22px;font-weight:800}.wb-limit .wb-actions{margin-top:var(--space-3);justify-content:center}@media (prefers-reduced-motion:reduce){.wb-switch,.wb-switch:after{transition:none}.wb-progress::-webkit-progress-value{transition:none}}