.tl-grid{grid-template-columns:minmax(280px,.85fr) minmax(0,1.2fr);grid-template-areas:"settings preview""results preview";align-items:start;gap:24px 30px;display:grid}.tl-grid>form{grid-area:settings;min-width:0}.tl-grid>.wb-result{grid-area:results}.tl-grid .wb-result{padding:20px}.tl-grid .wb-big{margin:8px 0;font-size:2.5rem}.tl-grid .wb-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.tl-grid .wb-metrics dd{font-size:.9rem}.tl-preview{border:1px solid var(--line);background:#f7f8f2;border-radius:10px;grid-area:preview;min-width:0;overflow:hidden}.tl-preview-heading{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.tl-preview-heading h3{letter-spacing:-.02em;margin:6px 0 0;font:400 1.35rem/1.2 Georgia,serif}.tl-preview-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--forest);border:1px solid #bdcbb9;border-radius:20px;flex-shrink:0;padding:6px 9px;font-size:.59rem}.tl-scene{aspect-ratio:3/2;background:#243b44;position:relative;overflow:hidden}.tl-scene>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.tl-scene>img:not(:first-child){opacity:0}.tl-scene-label{color:#fff;letter-spacing:.06em;background:#172c26dd;border-radius:20px;padding:6px 10px;font-size:.65rem;position:absolute;top:16px;left:16px}.tl-scene-readout{bottom:0;color:#fff;font-variant-numeric:tabular-nums;background:linear-gradient(#0000,#14251ddd);justify-content:space-between;gap:12px;padding:36px 18px 16px;font-size:.68rem;display:flex;position:absolute;inset-inline:0}.tl-scene-readout strong{font-weight:650}.tl-player{padding:18px 20px}.tl-player-actions{align-items:end;gap:8px;margin-bottom:18px;display:flex}.tl-preview .tl-player-actions button{white-space:nowrap;min-height:42px}.tl-player-actions .tl-speed{min-width:76px;margin-left:auto}.tl-preview .tl-speed label{margin:0 0 4px;font-size:.62rem}.tl-preview .tl-speed select{padding:9px 8px}.tl-scrub-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.tl-preview .tl-scrub-heading label{margin-bottom:0;font-size:.7rem}.tl-scrub-heading>span{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.68rem}.tl-filmstrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 16px;display:grid}.tl-preview .tl-filmstrip button{background:var(--white);text-align:left;border:2px solid #0000;border-radius:6px;padding:0;display:block;overflow:hidden}.tl-filmstrip img{aspect-ratio:2;object-fit:cover;width:100%;height:auto;display:block}.tl-filmstrip span{padding:6px 7px;font-size:.63rem;font-weight:500;display:block}.tl-preview .tl-filmstrip button[aria-current=true]{border-color:var(--forest);background:#e5eddf}.tl-compression{color:var(--forest-dark);margin:8px 0;font-size:.82rem;font-weight:650;line-height:1.6}.tl-player .wb-caption{margin-top:12px;line-height:1.6}.tl-preview[data-state=invalid] .tl-scene{opacity:.6}@media (width<=900px){.tl-grid{grid-template-columns:minmax(240px,1fr) minmax(0,1.15fr);gap:22px}.tl-preview-heading,.tl-player{padding:14px}.tl-preview-tag{display:none}.tl-grid .wb-fields{grid-template-columns:1fr}.tl-grid .wb-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-player-actions{flex-wrap:wrap}}@media (width<=700px){.tl-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview""settings""results";gap:26px}.tl-grid .wb-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-preview-heading h3{font-size:1.25rem}.tl-preview-heading,.tl-player{padding:14px 12px}.tl-player-actions{gap:7px}.tl-preview .tl-player-actions button{padding-inline:11px;font-size:.72rem}.tl-player-actions .tl-speed{min-width:65px}.tl-preview .tl-speed select{font-size:.75rem}.tl-scene-label{top:12px;left:12px}.tl-scene-readout{padding:30px 12px 12px;font-size:.6rem}}@media (width<=370px){.tl-grid .wb-fields{grid-template-columns:1fr}.tl-player-actions .tl-speed{width:100%;margin-left:0}.tl-speed{align-items:center;gap:12px;display:flex}.tl-preview .tl-speed select{width:80px}.tl-filmstrip{gap:4px}.tl-filmstrip span{padding-inline:4px;font-size:.59rem}}