:root{--paper:#f7f5ee;--panel:#fcfbf7;--ink:#253d31;--line:#e1e1d7;--muted:#626b5d;--green:#345941;--light-green:#e4ecd9;--orange:#bf704b;--theme-hover:#e4ecd9}.browser-warning{margin:12px 14px 0;padding:10px;border:1px solid var(--line);border-radius:5px;background:var(--light-green);font-size:12px;line-height:1.6}.site-header nav{align-items:center}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:8px;border:1px solid transparent;border-radius:5px;background:none;color:var(--ink);cursor:pointer}.theme-toggle:hover{background:var(--theme-hover)}.theme-toggle:focus-visible{outline:2px solid var(--green);outline-offset:3px}.theme-toggle svg{width:19px;height:19px;flex-shrink:0}.theme-toggle .theme-sun{display:none}:root[data-theme=dark] .theme-toggle .theme-moon{display:none}:root[data-theme=dark] .theme-toggle .theme-sun{display:block}:root[data-theme=dark]{color-scheme:dark;--paper:#19211d;--panel:#212b25;--ink:#e6e9df;--line:#3c483f;--muted:#abb6a6;--green:#b0c99a;--light-green:#344635;--orange:#dda176;--theme-hover:#344137;--dark-surface:#28332c;--dark-input:#18221c}:root[data-theme=dark] body{background:var(--paper);color:var(--ink);color-scheme:dark}:root[data-theme=dark] ::selection{background:#496147;color:#fff}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#536253}:root[data-theme=dark] :is(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--green)}:root[data-theme=dark] h1 em{color:#b0c99a}:root[data-theme=dark] :is(.intro,.browser-note,.feature-copy p,.answers p,.format-example figcaption,.ruler){color:var(--muted)}:root[data-theme=dark] :is(.feature,.answers details,.site-footer){border-color:var(--line)}:root[data-theme=dark] .section-rule{background:var(--line)}:root[data-theme=dark] .product-shot{border-color:var(--line);background:var(--panel);box-shadow:0 18px 50px #0006}:root[data-theme=dark] .shot-light{display:none}:root[data-theme=dark] .shot-dark{display:block}:root[data-theme=dark] .site-header .button,:root[data-theme=dark] .hero .button,:root[data-theme=dark] .button.primary{background:var(--green);border-color:var(--green);color:#182319}:root[data-theme=dark] .hero .button:hover,:root[data-theme=dark] .button.primary:hover:not(:disabled){background:#c2d9ae}:root[data-theme=dark] .filmstrip .clip{background:#344c38;border-color:#78966a;color:#e3eedb}:root[data-theme=dark] .filmstrip .second-clip{background:#344c43}:root[data-theme=dark] .filmstrip .discard{background:var(--panel);border-color:#566250}:root[data-theme=dark] .caption-track{background:#453f2d;border-color:#7d7150;color:#e8dfc2}:root[data-theme=dark] .caption-example .audio-track{background:#2f4438;border-color:#668268;color:#d2e5cb}:root[data-theme=dark] .format-example img{border-color:#64745d}:root[data-theme=dark] .skip-link{background:var(--panel)}:root[data-theme=dark] .stage{background:#141b17}:root[data-theme=dark] .track-names{background:#1c261f}:root[data-theme=dark] .editor .ruler{background:repeating-linear-gradient(to right,#4a574c 0 1px,transparent 1px var(--minor, 13px)) 14px 100% / 100% 4px no-repeat,#1c261f}:root[data-theme=dark] :is(.video-track,.audio-track,.ruler-tick,.track-name,.editor .ruler){border-color:var(--line)}:root[data-theme=dark] .empty-track{color:var(--muted)}:root[data-theme=dark] :is(input[type=text],input[type=number],select,textarea){background:var(--dark-input);border-color:var(--line)}:root[data-theme=dark] .project-title input,:root[data-theme=dark] .format-picker select{background:transparent;border:0}:root[data-theme=dark] .format-picker select option{background:var(--panel);color:var(--ink)}:root[data-theme=dark] .format-mark{border-color:var(--muted)}:root[data-theme=dark] :is(.empty-canvas,.empty-library){background:#1b251e;border-color:#4d5c4a}:root[data-theme=dark] :is(.button.subtle,.play-button,.style-card,.caption-item,.audio-card,.segmented,.export-summary){background:var(--dark-surface);border-color:var(--line)}:root[data-theme=dark] :is(.button.outline,.project-action.save,.outlined,dialog){border-color:var(--line)}:root[data-theme=dark] .button.subtle:hover,:root[data-theme=dark] .button.outline:hover,:root[data-theme=dark] .plain:hover:not(:disabled),:root[data-theme=dark] .icon-button:hover:not(:disabled),:root[data-theme=dark] .play-button:hover:not(:disabled),:root[data-theme=dark] .style-card:hover{background:var(--light-green)}:root[data-theme=dark] .outlined.active{background:var(--light-green);border-color:var(--green)}:root[data-theme=dark] .text-button,:root[data-theme=dark] .empty-track button{color:var(--green)}:root[data-theme=dark] .caption-item.active{background:var(--light-green);border-color:var(--green)}:root[data-theme=dark] .segmented button{color:var(--muted)}:root[data-theme=dark] .segmented button.active{background:#465641;color:var(--ink)}:root[data-theme=dark] .media-thumb{border-color:var(--line);background:var(--dark-surface)}:root[data-theme=dark] .media-add{background:var(--panel)}:root[data-theme=dark] .style-card.label>b{background:#e6dabe;color:#28372c}:root[data-theme=dark] .swatch{box-shadow:0 0 0 1px #81917d}:root[data-theme=dark] .editor .clip{background:#33482f;border-color:#71875c}:root[data-theme=dark] .editor .clip.selected{outline-color:#b7d28e}:root[data-theme=dark] .editor .clip .wave{fill:#a9c78f}:root[data-theme=dark] .text-chip{background:#49412c;border-color:#8d7d4b;color:#efdfb5}:root[data-theme=dark] .text-chip.caption{background:#46354d;border-color:#92759f;color:#e7d4ee}:root[data-theme=dark] .text-chip.selected{outline-color:#dac789;border-color:#dac789}:root[data-theme=dark] .text-chip.caption.selected{outline-color:#d0ace2;border-color:#d0ace2}:root[data-theme=dark] .music-chip{background:#29463c;border-color:#6c9383;color:#d4eae0}:root[data-theme=dark] .music-chip.selected{outline-color:#abd0bc;border-color:#abd0bc}:root[data-theme=dark] .drop-overlay{background:#233626ed;border-color:var(--green)}:root[data-theme=dark] .toast{background:#dce7d1;color:#1d2e21}:root[data-theme=dark] dialog::backdrop{background:#050b09b8}:root[data-theme=dark] .export-meter circle{stroke:var(--line)}:root[data-theme=dark] .export-meter #progress-ring{stroke:var(--green)}:root[data-theme=dark] .error-note{background:#422c25;border-color:#87604a;color:#f4c8ab}.license-page{min-height:100dvh;display:flex;flex-direction:column}.license-page .site-header{width:100%;margin:0 auto;flex-shrink:0}.license-content{width:100%;max-width:720px;margin:35px auto 90px;padding:0 28px;flex:1}.license-content h1{font-size:42px;letter-spacing:-1px;margin-bottom:38px}.license-entry{padding:26px 0;border-block:1px solid var(--line)}.license-entry h2{font:600 19px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.license-entry h2 small{font-size:13px;font-weight:400;color:var(--muted);margin-left:8px}.license-entry p{margin-top:12px;font-size:14px}.license-entry .copyright{font-size:12px;color:var(--muted)}.license-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:22px;font-size:13px}.license-links a{text-underline-offset:4px}@media(max-width:650px){.site-header nav{gap:16px}.license-content{margin-top:20px;padding-inline:22px}.license-content h1{font-size:36px;margin-bottom:24px}}