.canonical-tool-head{max-width:920px;margin:0 auto var(--s-4);text-align:center}.canonical-tool-head .lead{max-width:760px;margin-inline:auto}.workspace-editor{padding-top:var(--s-3);max-width:1400px;min-height:60vh;margin:0 auto}.hidden{display:none!important}.workspace-landing{margin-top:var(--s-4);margin-bottom:var(--s-4)}.center-msg{color:var(--muted);text-align:center;padding:var(--s-4)}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-2);background:var(--panel);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;height:280px;transition:all .2s;display:flex}.upload-zone:hover,.upload-zone.drag-over{background:var(--panel2);border-color:var(--b1)}.upload-icon{margin-bottom:15px;font-size:48px}.upload-text{text-align:center}.upload-sub{margin-top:6px}.toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.toolbar-nav{margin-bottom:14px}.toolbar-head-group{align-items:center;gap:12px;min-width:0;display:flex}.toolbar-head-group .h2{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.remove-btn{color:#f55;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:20px;line-height:1}.remove-btn:hover{background:#ff55551a}.back-link{color:var(--muted);font-size:14px;font-weight:500;text-decoration:none}.back-link:hover{color:var(--text)}.main-view{margin-bottom:20px}.preview-box{text-align:center;border:1px solid var(--border);background:#0000000d;border-radius:12px;padding:20px}.preview-box video{max-width:100%;max-height:460px;box-shadow:var(--shadow-2);object-fit:contain;border-radius:4px}.settings-panel{border:1px solid var(--border);background:#ffffff05;border-radius:12px;margin-bottom:20px;padding:14px}.set-row{border-top:1px solid var(--border);align-items:center;gap:14px;padding:10px 0;display:flex}.set-row:first-child{border-top:none}.set-label{width:180px;color:var(--text);font-size:14px;font-weight:600}.set-controls{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.trim-row{align-items:stretch}.trim-controls{grid-template-columns:minmax(260px,1fr) minmax(112px,auto) minmax(112px,auto);align-items:center;gap:14px;width:100%;display:grid}.dual-range{min-width:240px;height:48px;position:relative}.dual-range:before,.range-fill{content:"";border-radius:999px;height:6px;position:absolute;top:18px}.dual-range:before{background:color-mix(in srgb, var(--text) 32%, transparent);left:0;right:0}.range-fill{background:var(--b1);pointer-events:none;width:100%;left:0}.playhead{pointer-events:none;z-index:2;background:#ffffffe0;width:2px;position:absolute;top:8px;bottom:12px;transform:translate(-50%);box-shadow:0 0 0 1px #0000004d}.playhead:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:10px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0000004d}.playhead-label{border:1px solid var(--border);background:color-mix(in srgb, var(--panel2) 92%, black 8%);min-width:52px;color:var(--text);text-align:center;pointer-events:none;z-index:2;border-radius:999px;padding:3px 8px;font-size:11px;line-height:1;position:absolute;top:0;transform:translate(-50%)}.range-badges{color:var(--muted);pointer-events:none;justify-content:space-between;font-size:12px;line-height:1;display:flex;position:absolute;bottom:0;left:0;right:0}.time-range{appearance:none;pointer-events:none;--handle-color:var(--b1);background:0 0;width:100%;height:36px;margin:0;position:absolute;inset:0}.time-range-start{z-index:3;--handle-color:var(--b1)}.time-range-end{z-index:4;--handle-color:var(--b3)}.time-range::-webkit-slider-runnable-track{background:0 0;height:6px}.time-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--handle-color);width:18px;height:18px;box-shadow:0 0 0 2px color-mix(in srgb, var(--handle-color) 28%, transparent);cursor:pointer;pointer-events:auto;border:2px solid #050505;border-radius:50%;margin-top:-6px}.time-range::-moz-range-track{background:0 0;height:6px}.time-range::-moz-range-thumb{background:var(--handle-color);width:18px;height:18px;box-shadow:0 0 0 2px color-mix(in srgb, var(--handle-color) 28%, transparent);cursor:pointer;pointer-events:auto;border:2px solid #050505;border-radius:50%}.time-range.is-active::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--handle-color) 38%, transparent)}.time-range.is-active::-moz-range-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--handle-color) 38%, transparent)}.time-field{align-items:center;gap:8px;min-width:0;display:flex}.time-field span{color:var(--text);font-size:13px;font-weight:700}.time-input{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:6px;width:90px;padding:8px 10px}.time-input.is-active{border-color:var(--b1);box-shadow:0 0 0 2px color-mix(in srgb, var(--b1) 16%, transparent)}.pill{border:1px solid var(--border);min-height:36px;color:var(--muted);border-radius:99px;align-items:center;padding:6px 10px;font-size:13px;display:inline-flex}.btn-primary{background:var(--b1);color:#000;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-weight:700;transition:all .2s}.btn-primary:disabled{opacity:.6;cursor:wait}.btn-secondary{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:9px 14px;font-weight:700;transition:all .2s}.btn-secondary:hover{background:var(--panel2);border-color:var(--b1)}.btn-success{background:var(--b3);color:#000;cursor:pointer;border-radius:8px;padding:10px 24px;font-weight:700;text-decoration:none;display:inline-block}.result-box{background:color-mix(in srgb, var(--b3) 15%, var(--panel));border:1px solid var(--b3);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:20px;display:flex}.result-info h3{margin:0 0 6px}.result-info p{margin:0}@media (width<=720px){.toolbar,.set-row{flex-direction:column;align-items:flex-start}.set-label{width:auto}.trim-controls{grid-template-columns:1fr;width:100%}.dual-range{width:100%}.time-field{grid-template-columns:64px 1fr;width:100%;display:grid}.time-input{width:100%}.btn-primary,.btn-secondary,.btn-success{text-align:center;width:100%}}