:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#1e293b;background:#f6f7f9;--accent:#2563eb;--line:#e2e6ec;--muted:#64748b}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.4;cursor:not-allowed}button:hover:not(:disabled){background-color:var(--raised,#202731)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #93b4ff;outline-offset:3px}[hidden]{display:none!important}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.topbar{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1200px)/2))}.brand{font-size:21px;font-weight:700;display:flex;align-items:center;gap:10px;padding:10px 0;letter-spacing:-.5px}.brand svg{color:var(--accent);width:28px;height:28px}.topbar nav{display:flex;gap:15px}.topbar nav button{padding:12px;font-size:14px;border-radius:7px;min-height:44px;color:#526074}main{max-width:1248px;margin:0 auto;padding:0 24px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-.8px;margin-bottom:12px;font-weight:650}h2{font-size:20px;letter-spacing:-.3px;margin-bottom:12px;font-weight:600}h3{font-size:17px;margin-bottom:9px;font-weight:600}p{font-size:15px;line-height:1.6;color:var(--muted)}.home-view{max-width:900px;margin:auto}.home-heading{text-align:center;padding:42px 0 18px}.home-heading>p{margin:0}.upload-card{border:1.5px dashed #b8c4d7;border-radius:14px;background:white;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px 20px;gap:0}.upload-icon{border-radius:12px;background:#edf3ff;color:var(--accent);width:49px;height:49px;display:grid;place-items:center;margin-bottom:17px}.upload-card h2{font-size:20px;margin-bottom:8px}.upload-card>p{font-size:14px;margin-bottom:21px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 18px;min-height:44px;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.primary{background:var(--accent);color:white;border:1px solid var(--accent)}.primary:hover:not(:disabled){background:#1d4ed8}.secondary{background:white;border:1px solid #cfd6e2;color:#46566c}.large{min-height:48px;padding:13px 24px}.upload-card .primary{min-width:210px}.upload-card small{font-size:12px;color:#778497;margin:13px 0 4px}.text-button,.inline-link{color:#2456bd;font-size:14px;padding:11px 0;min-height:44px;text-decoration:underline;text-underline-offset:3px}.text-button:hover,.inline-link:hover{background:none!important;color:#173b88}.privacy-note{font-size:12px;line-height:1.6;color:#6d7a8c;text-align:center;padding:14px 0}.privacy-note>button{font-size:12px;color:#3f62a8;text-decoration:underline;min-height:32px}.projects-section{margin-top:20px;scroll-margin-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.section-heading h2{font-size:18px;margin:0}.section-heading h2>span{font-size:12px;color:#68758a;display:inline-block;padding:4px 7px;background:#e9edf3;border-radius:5px;margin-left:6px;vertical-align:middle}.section-heading>p{font-size:12px;margin:0}.draft-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.draft-empty{grid-column:1/-1;background:white;border:1px solid var(--line);border-radius:10px;padding:22px;display:flex;align-items:center;gap:14px}.draft-empty svg{color:#91a0b4}.draft-empty b{font-size:14px;font-weight:500}.draft-empty p{font-size:13px;margin:5px 0 0}.draft-empty button{margin-left:auto;font-size:13px}.draft-card{display:flex;align-items:center;gap:14px;background:white;border:1px solid var(--line);padding:13px;border-radius:10px}.draft-thumb{width:48px;height:68px;background:#e7edf7;color:#7b97c0;border-radius:5px;display:grid;place-items:center;font-size:15px}.draft-card>div:last-child{flex:1;min-width:0}.draft-open{display:block;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:550;padding:4px 0;min-height:32px}.draft-card small{font-size:12px;color:#728096;display:block;margin-top:4px}.draft-delete{font-size:12px;color:#68768b;text-decoration:underline;padding:7px 0;min-height:30px}footer{margin-top:30px;padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#7a8797;font-size:12px}footer button{font-size:12px;text-decoration:underline;min-height:40px;color:#5d708e}.editor-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.back-button{display:inline-flex;align-items:center;gap:4px;color:#536379;font-size:14px;padding:10px 0;min-height:44px}.back-button svg{width:17px}.editor-actions{display:flex;gap:10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;margin-bottom:30px}.preview-column{min-width:0;background:#e9edf2}.preview-top{display:flex;align-items:center;justify-content:space-between;padding:13px 17px}.preview-top>input{max-width:70%;min-width:0;border:1px solid transparent;background:transparent;border-radius:6px;color:#43516a;font-size:14px;padding:8px;text-overflow:ellipsis}.preview-top>input:hover{border-color:#b9c5d6;background:white}.history-buttons{display:flex;gap:4px}.icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:7px}.icon-button svg{width:19px}.preview-stage{height:443px;padding:0 20px;display:flex;align-items:center;justify-content:center}.video-frame{height:421px;max-width:100%;aspect-ratio:9/16;background:black;position:relative;border-radius:7px;overflow:hidden;box-shadow:0 5px 18px #15223d15}.video-frame video{width:100%;height:100%;object-fit:cover;display:block}.text-overlay{position:absolute;top:50%;left:0;right:0;text-align:center;transform:translateY(-50%);white-space:pre;font-family:Arial,sans-serif;color:white;line-height:1.2;text-shadow:0 1px 3px #000c;pointer-events:none}.text-overlay>span{display:inline-block}.text-overlay.bold{font-weight:700}.text-overlay.label>span{background:#0009;padding:3px 5px}.preview-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:52px;width:52px;border-radius:50%;border:1px solid #fff8;background:#0004;color:white;display:grid;place-items:center;opacity:0}.preview-play:hover{background:#0007!important}.preview-play svg{fill:white;stroke-width:0;width:25px;height:25px}.video-frame:hover .preview-play,.preview-play:focus-visible,.video-frame.paused .preview-play{opacity:1}.safe-guides{position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 72%,#0006 72%);color:#fff9}.safe-guides>span{position:absolute;inset:12% 15% 25% 6%;border:1px dashed #fff9;text-align:center;padding-top:8px;font-size:8px}.guide-right{position:absolute;bottom:25%;right:5%;font-size:18px;line-height:2.5}.guide-bottom{position:absolute;bottom:7%;left:6%;font-size:9px;line-height:2}.transport{display:flex;align-items:center;gap:10px;padding:9px 16px}.transport>span{font-size:12px;font-variant-numeric:tabular-nums;color:#596b83}.transport>input{flex:1;min-width:25px}.preview-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 20px;border-top:1px solid #d7dfe8;font-size:12px;color:#68798d}.preview-foot>button{font-size:12px;text-decoration:underline;color:#426492;min-height:32px}.edit-column{border-left:1px solid var(--line);min-width:0;display:flex;flex-direction:column}.edit-intro{padding:22px 23px 16px}.edit-intro>h2{font-size:20px;margin-bottom:7px}.edit-intro>p{font-size:12px;margin:0}.tool-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding:0 18px}.tool-tabs>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:49px;flex:1;font-size:14px;border-bottom:2px solid transparent;color:#6c7b90}.tool-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600;background:#f0f5ff}.tool-tabs svg{width:18px;height:18px}.tool-panel{padding:23px 23px 17px;flex:1;min-height:290px}.panel-title>p{font-size:13px;line-height:1.6;margin-bottom:23px}.range-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;margin:17px 0 4px;color:#43536b}.range-label output{font-variant-numeric:tabular-nums;font-size:13px;color:#365d9d}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:32px;background:transparent;margin:0;cursor:pointer;accent-color:var(--accent)}input[type=range]::-webkit-slider-runnable-track{height:5px;background:#dce5f4;border-radius:4px}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:21px;height:21px;border:3px solid white;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px #a9c0ec;margin-top:-8px}input[type=range]::-moz-range-track{height:5px;background:#dce5f4}input[type=range]::-moz-range-thumb{height:15px;width:15px;border:3px solid white;border-radius:50%;background:var(--accent)}.set-time{font-size:12px;min-height:32px;padding:5px 0}.trim-summary{margin-top:20px;font-size:13px;padding:12px;background:#f4f7fc;border-radius:7px;color:#52657e}.trim-summary strong{font-weight:600;color:#334e76}.extra-options{margin-top:18px;border-top:1px solid var(--line);padding-top:5px}.extra-options>summary,.more-tools>summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;color:#5b6c83;font-size:13px;padding:10px 0}.extra-options[open]>summary,.more-tools[open]>summary{color:#254f9a}.field-label{display:block;font-size:14px;font-weight:500;margin:18px 0 9px;color:#43536b}select,textarea{font-size:14px;width:100%;min-height:46px;border:1px solid #cdd6e3;background:white;border-radius:7px;color:#384a63;padding:11px}textarea{resize:vertical;line-height:1.5;min-height:96px}textarea::placeholder{color:#8e9aad}.input-note{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#7d8b9d;line-height:1.5;margin-top:7px}.segments{display:flex;gap:6px}.segments>button{border:1px solid #d7dfec;border-radius:6px;padding:9px 4px;min-height:42px;flex:1;font-size:12px;background:#f9fafc;color:#5a6c86}.segments>.selected{border-color:#8aaff1;color:#2456ad;background:#edf4ff}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;padding:14px;margin:20px 0;font-size:14px;cursor:pointer}.switch-row b{font-weight:500}input[type=checkbox]{accent-color:var(--accent);width:20px;height:20px;flex-shrink:0;cursor:pointer}input[role=switch]{appearance:none;-webkit-appearance:none;width:36px;height:22px;border-radius:20px;background:#cdd5e1;position:relative}input[role=switch]:before{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;background:white;border-radius:50%;box-shadow:0 1px 3px #0002}input[role=switch]:checked{background:var(--accent)}input[role=switch]:checked:before{transform:translateX(14px)}.hint{font-size:12px;line-height:1.7;color:#6e7e94;margin-top:18px}.more-tools{padding:0 23px;border-top:1px solid var(--line)}.extra-tabs{display:flex;gap:10px;padding:5px 0 16px}.extra-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border:1px solid #d5ddea;border-radius:7px;font-size:13px;min-height:44px}.extra-tabs button[aria-selected=true]{color:var(--accent);border-color:#8aaff1;background:#edf4ff}.extra-tabs svg{width:18px;height:18px}.editor-note{padding:14px 23px;border-top:1px solid var(--line);font-size:12px;color:#7b899d;background:#fafbfd}.look-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.look-options button{display:flex;align-items:center;gap:10px;border:1px solid #dce3ef;border-radius:8px;padding:13px 10px;font-size:13px;min-height:56px}.look-options>.selected{border-color:#8aaff1;background:#eff5ff;color:#2456ad}.color-swatch{height:25px;width:25px;border-radius:50%;background:linear-gradient(135deg,#b7c8af 50%,#64806d 50%);flex-shrink:0}.color-swatch.warm{background:linear-gradient(135deg,#e5c29e 50%,#a88b64 50%)}.color-swatch.mono{background:linear-gradient(135deg,#ccc 50%,#777 50%)}.color-swatch.vivid{background:linear-gradient(135deg,#dadb6d 50%,#4fa47d 50%)}.format-options{display:flex;gap:9px}.format-options>button{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;border:1px solid #d8e0ec;border-radius:8px;padding:14px 3px;min-height:117px}.format-options>.selected{border-color:#8aaff1;background:#eff5ff;color:#2456ad}.format-shape{height:32px;border:1.5px solid #7e94b6;border-radius:3px;display:block;margin-bottom:10px}.format-shape.portrait{aspect-ratio:9/16}.format-shape.square{aspect-ratio:1}.format-shape.landscape{height:25px;aspect-ratio:16/9;margin-top:7px}.format-options b{font-size:12px;font-weight:550}.format-options small{font-size:10px;color:#7a8ca6;margin-top:6px}.save-view{padding:20px 0 40px}.save-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:900px;margin:28px auto}.save-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:495px;padding:25px;border-radius:10px;background:#e9edf2}.save-preview>video{max-height:420px;max-width:265px;width:100%;background:black;border-radius:6px}.save-preview>span{font-size:12px;color:#718198;text-align:center;line-height:1.5}.save-copy h1{font-size:30px}.save-copy>p{font-size:15px}.save-specs{display:flex;gap:8px;margin:24px 0}.save-specs>span{font-size:12px;background:#edf1f7;color:#62738f;padding:7px 10px;border-radius:5px}.processing-notice{border-top:1px solid var(--line);padding-top:17px}.processing-notice p{font-size:13px;line-height:1.8}.inline-link{font-size:inherit;padding:0;min-height:0}.consent{display:flex;align-items:flex-start;gap:9px;margin:19px 0 25px;font-size:13px;line-height:1.6;color:#53657d;cursor:pointer}.consent input{margin-top:1px}.save-copy .large{width:100%;margin-bottom:10px}#afterExport>.text-button{display:block;width:100%;text-align:center}.progress-top{display:flex;justify-content:space-between;font-size:14px;margin:24px 0 13px;color:#3e5b89}.progress-top b{font-weight:500}progress{width:100%;height:9px;accent-color:var(--accent);border:0;border-radius:8px;overflow:hidden;background:#dce5f4}progress::-webkit-progress-bar{background:#dce5f4}progress::-webkit-progress-value{background:var(--accent)}progress:not([value]){animation:pulse 1.5s infinite}.error{color:#a62d2d;background:#fff1f1;border:1px solid #fad5d5;border-radius:7px;padding:13px;font-size:13px;line-height:1.7}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;font-size:13px;line-height:1.6;padding:13px 20px;background:#1f2d43;color:white;border-radius:9px;box-shadow:0 5px 20px #14213c22;z-index:20}dialog{width:calc(100% - 32px);max-width:440px;padding:30px;border:1px solid #d9e0ed;border-radius:12px;color:#24334b;background:white;box-shadow:0 15px 70px #14213c44}dialog::backdrop{background:#1d2b4266}dialog h2{font-size:22px;margin:7px 0 20px}dialog p{font-size:14px}dialog>.button{width:100%;margin-top:12px}.dialog-close{position:absolute;top:9px;right:12px;font-size:24px;color:#7b8aa0;width:40px;height:40px;border-radius:6px}.help-list{padding-left:23px}.help-list li{padding-left:5px;margin:18px 0;font-size:14px}.help-list p{margin-top:6px;font-size:13px}.dialog-actions{display:flex;gap:10px;margin-top:25px}.dialog-actions>.button{flex:1}@keyframes pulse{50%{opacity:.45}}
@media(min-width:1500px){.preview-stage{height:493px}.video-frame{height:471px}}@media(max-width:850px) and (min-width:761px){.workspace{grid-template-columns:minmax(0,1fr) 350px}.edit-intro,.tool-panel{padding-left:18px;padding-right:18px}.preview-stage{padding:0 12px}.transport{gap:6px}.topbar{padding:0 24px}}@media(max-width:760px), (max-width:960px) and (max-height:500px){.topbar{height:63px;padding:0 16px}.brand{font-size:19px;gap:8px}.brand svg{width:25px;height:25px}.topbar nav{gap:0}.topbar nav button{font-size:12px;padding:10px 9px}.topbar nav #projectsNav{display:none}main{padding:0 16px}.home-heading{padding:29px 0 20px}h1{font-size:27px}.home-heading>p{font-size:14px}.upload-card{padding:25px 15px 16px}.upload-card h2{font-size:19px}.upload-card>p{font-size:13px}.upload-card .primary{width:100%;max-width:280px}.privacy-note{font-size:11px;padding-top:10px;padding-bottom:5px}.privacy-note button{font-size:11px}.section-heading{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:13px}.section-heading h2{font-size:18px}.section-heading>p{font-size:12px}.projects-section{margin-top:23px}.draft-grid{grid-template-columns:1fr}.draft-empty{padding:17px;flex-wrap:wrap;gap:10px}.draft-empty svg{display:none}.draft-empty button{margin-left:0;min-height:32px;font-size:12px}.draft-empty b{font-size:14px}.draft-empty p{font-size:12px}footer{font-size:10px;padding:13px 0;margin-top:23px}footer button{font-size:11px}.editor-heading{padding:13px 0;gap:8px}.editor-actions{gap:7px}.editor-actions>.button{font-size:12px;padding:10px 12px;min-height:42px}.editor-actions svg{width:16px}.back-button{font-size:12px}.workspace{display:flex;flex-direction:column;border-radius:10px;overflow:visible}.preview-column{border-radius:9px 9px 0 0}.preview-top{padding:8px 11px}.preview-top>input{font-size:16px}.history-buttons{gap:1px}.history-buttons .icon-button{width:40px;height:40px}.preview-stage{height:283px;padding:0 15px}.video-frame{height:270px}.transport{padding:5px 12px;gap:9px}.transport>span{font-size:11px}.preview-foot{padding:6px 15px;font-size:11px}.preview-foot button{font-size:11px}.edit-column{border-left:0;border-top:1px solid #d6deea;border-radius:0 0 10px 10px;background:white}.edit-intro{padding:18px 18px 13px}.edit-intro h2{font-size:18px;margin-bottom:6px}.edit-intro p{font-size:12px}.tool-tabs{padding:0 13px;gap:5px}.tool-tabs>button{font-size:14px;min-height:48px}.tool-panel{padding:20px 18px 14px;min-height:0}.panel-title h3{font-size:17px}.panel-title p{font-size:13px;margin-bottom:20px}.range-label{font-size:14px}.range-label output{font-size:13px}input[type=range]{height:36px}.trim-summary{font-size:13px;margin-top:17px}.extra-options>summary,.more-tools>summary{font-size:13px;min-height:46px}.more-tools{padding:0 18px}.editor-note{padding:12px 18px;font-size:11px}.segments>button{font-size:12px;min-height:44px}.text-button{font-size:13px}.set-time{font-size:12px}textarea,select{font-size:16px}.input-note{font-size:11px}.switch-row{font-size:14px}.save-layout{display:flex;flex-direction:column;gap:24px;margin:13px 0}.save-preview{width:100%;min-height:0;height:300px;padding:15px}.save-preview>video{max-height:240px;max-width:100%;width:auto}.save-preview>span{font-size:11px}.save-copy{width:100%;max-width:440px}.save-copy h1{font-size:26px}.save-copy>p{font-size:14px}.save-specs{margin:17px 0 22px}.save-specs>span{font-size:11px}.save-copy .large{min-height:48px;font-size:14px}.processing-notice p,.consent{font-size:13px}.look-options button{font-size:13px}.format-options b{font-size:12px}.format-options small{font-size:10px}dialog{padding:25px}.help-list p,dialog p{font-size:13px}#toast{font-size:13px;bottom:16px}.draft-delete{min-height:36px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
/* Voiceover and multi-track editing */
.home-heading>p{max-width:520px;margin:auto}.tool-tabs{gap:1px;padding:0 10px}.tool-tabs>button{font-size:13px;gap:5px}.tool-tabs svg{width:17px;height:17px}.record-position{background:#f3f0ff;border:1px solid #e4defa;border-radius:8px;padding:13px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#665390}.record-position strong{font-variant-numeric:tabular-nums;font-size:16px;color:#5636a6}.record-button{background:#d83748;color:white;width:100%;margin-top:16px;min-height:50px;font-size:15px}.record-button:hover:not(:disabled){background:#bd2336}.record-button.recording{background:#a81c30}.record-button.recording:before{content:'';display:inline-block;width:11px;height:11px;background:white;border-radius:2px}.record-button.recording svg{display:none}.record-status{padding:10px 0;font-size:13px;color:#a32a40;font-variant-numeric:tabular-nums}.record-status.error-note{color:#a32a40}.record-button:disabled{opacity:.65}#micLevel{display:block;width:100%;height:8px;margin:8px 0}.full-width{width:100%}.compact{margin:8px 0;font-size:11px}.clip-section-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e2e6ec;padding-top:18px;margin-top:20px}.clip-section-heading h4{font-size:14px;margin:0}.clip-section-heading>span{font-size:12px;color:#8994a4}.empty-clips{font-size:12px;color:#8a95a5;margin:12px 0}.audio-card{border:1px solid #e1e5ef;background:#fafbfd;border-radius:8px;margin-top:11px;padding:12px}.audio-card.selected{border-color:#a899d8;background:#faf8ff}.audio-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.audio-card-head>button:first-child{text-align:left;font-size:13px;font-weight:600;padding:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.audio-card-head>button:last-child{font-size:12px;text-decoration:underline;color:#7e7189;padding:5px;min-height:30px}.audio-card small{font-size:11px;color:#8390a3;display:block;line-height:1.6;margin-top:5px}.audio-card .audio-details{margin-top:8px}.audio-card summary{font-size:12px;color:#58719a;min-height:32px;align-content:center;cursor:pointer}.timing-fields{display:flex;gap:12px;margin-top:16px}.timing-fields>label{flex:1;min-width:0;display:block;font-size:12px;color:#66768c}.timing-fields input{display:block;width:100%;min-height:40px;border:1px solid #cdd6e3;border-radius:6px;background:white;color:#3a4d6c;margin-top:7px;padding:8px;font-size:13px}.audio-details .range-label{font-size:12px;margin-top:14px}.audio-details output{font-size:12px}.audio-card .text-button{font-size:12px;min-height:34px}.sound-effects{display:flex;gap:8px;margin-top:12px}.sound-effects button{flex:1;min-height:42px;border:1px solid #cfe1dc;border-radius:7px;background:#f4faf7;color:#337762;font-size:13px}.original-heading{font-size:14px;margin:25px 0 0;border-top:1px solid #e2e6ec;padding-top:20px}.text-clip-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.text-clip-list button{max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border:1px solid #f0dcc3;background:#fffaf3;color:#92612e;border-radius:6px;font-size:12px;padding:8px;min-height:34px}.text-clip-list button.selected{border-color:#d4a86f;background:#fff1dd}.color-field{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0;font-size:13px;color:#556781}.color-field input{width:48px;height:36px;border:1px solid #cdd6e3;background:white;border-radius:6px;padding:4px}.text-style-options{margin-top:8px;gap:5px}.text-style-options button{font-size:11px}.text-style-options [data-textstyle='3d']{font-weight:700;text-shadow:1px 1px #8fa0bc,2px 2px #b3bfd1}.text-overlay{z-index:1}.preview-play{z-index:2}.safe-guides{z-index:1}.text-layer{position:absolute;left:0;right:0;transform:translateY(-50%);text-align:center;white-space:pre;line-height:1.2;color:white;pointer-events:none}.text-layer>span{display:inline-block}.text-layer.label>span{background:#0009;padding:3px 5px}.timeline-editor{grid-column:1/-1;border-top:1px solid #cbd4e2;background:#f6f8fb;padding:17px 20px 21px;min-width:0}.timeline-heading{display:flex;align-items:center;gap:16px;margin-bottom:14px}.timeline-heading h3{font-size:14px;margin:0}.timeline-heading>span{font-size:11px;color:#7a8ba3}.timeline-heading output{margin-left:auto;font-size:12px;color:#536d94;font-variant-numeric:tabular-nums;white-space:nowrap}.timeline-grid{display:grid;grid-template-columns:86px minmax(0,1fr);gap:6px 9px}.track-label{display:flex;align-items:center;font-size:12px;font-weight:500;padding:0 10px;border-left:3px solid #a9bddb;border-radius:3px;background:#edf1f6;min-height:48px;color:#647996}.track-label.voice-label{border-left-color:#a38bd4;color:#72539f}.track-label.sound-label{border-left-color:#77ac9a;color:#3e816e}.track-label.text-label{border-left-color:#d6ac6d;color:#9b793f}.ruler-label{min-height:24px;border:0;background:none;font-size:10px}.timeline-ruler{height:24px;position:relative;font-size:10px;color:#8897ad;cursor:crosshair}.timeline-ruler>span{position:absolute;top:0;transform:translateX(-50%);font-variant-numeric:tabular-nums}.timeline-ruler>span:first-child{transform:none}.timeline-ruler>span:last-child{transform:translateX(-100%)}.timeline-lane{height:48px;border:1px solid #e2e7ef;border-radius:4px;position:relative;background:repeating-linear-gradient(90deg,#fff 0,#fff calc(25% - 1px),#e8edf5 calc(25% - 1px),#e8edf5 25%);cursor:crosshair;overflow:hidden}.timeline-lane:after,.timeline-ruler:after{content:'';position:absolute;top:0;bottom:0;width:1px;left:var(--playhead,0%);background:#d34858;pointer-events:none;z-index:3}.timeline-ruler:after{width:7px;height:7px;border-radius:1px;transform:translateX(-3px);top:16px}.timeline-clip{position:absolute;height:34px;top:6px;display:block;border:1px solid #9ab5e0;border-radius:4px;background:#dfebfc;color:#3d659a;min-width:5px;overflow:hidden;text-align:left;cursor:grab;padding:5px 7px;font-size:11px;white-space:nowrap;text-overflow:ellipsis;touch-action:none}.timeline-clip.voice{background:#ece4fa;border-color:#b49cdb;color:#7754a7}.timeline-clip.sound{background:#e2f2ec;border-color:#94c4b4;color:#3d8a73}.timeline-clip.text{background:#fff0d9;border-color:#dab783;color:#a17e41}.timeline-clip.selected{outline:2px solid #677eab;outline-offset:-2px}.timeline-clip:active{cursor:grabbing}.timeline-clip>svg{position:absolute;inset:1px;width:100%;height:100%;opacity:.25;stroke:currentColor;stroke-width:1}.timeline-clip>span{position:relative;z-index:1;background:#ffffff70;border-radius:2px;padding:1px 3px;pointer-events:none}.video-lane .timeline-clip{width:100%;left:0;cursor:pointer;background:repeating-linear-gradient(120deg,#d6e6fa 0,#d6e6fa 22px,#e3edfc 22px,#e3edfc 44px)}.timeline-empty{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#b0b9c8;pointer-events:none}.recording-mode .history-buttons{visibility:hidden}.mic-requirement{font-size:12px;color:#846040;background:#fff8e9;border:1px solid #eadcc6;padding:10px;border-radius:7px;line-height:1.6}.tool-panel .switch-row{line-height:1.5;font-size:13px}.audio-card .range-label input{width:100%}
@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 415px}}@media(max-width:760px), (max-width:960px) and (max-height:500px){.tool-tabs{padding:0 7px}.tool-tabs>button{font-size:12px;flex-direction:column;gap:5px;min-height:59px}.tool-tabs svg{width:18px;height:18px}.timeline-editor{order:2;border-top:1px solid #d1dbea;padding:14px 12px 16px;border-radius:0 0 10px 10px}.edit-column{border-radius:0}.timeline-heading{gap:8px;flex-wrap:wrap;margin-bottom:12px}.timeline-heading h3{font-size:13px}.timeline-heading>span{font-size:10px;order:3;width:100%;line-height:1.5}.timeline-heading output{font-size:11px}.timeline-grid{grid-template-columns:64px minmax(0,1fr);gap:5px}.track-label{font-size:10px;padding:0 5px;min-height:43px}.ruler-label{min-height:22px}.timeline-ruler{height:22px;font-size:9px}.timeline-lane{height:43px}.timeline-clip{height:31px;top:5px;font-size:9px;padding:5px 3px}.timeline-empty{font-size:9px}.record-position{font-size:13px}.record-button{font-size:15px;min-height:49px}.timing-fields input{font-size:16px}.text-style-options button{font-size:11px}.audio-card summary{min-height:40px}.audio-card-head>button:first-child{min-height:34px}.audio-card-head>button:last-child{min-height:36px}.audio-card .text-button{min-height:40px}.clip-section-heading h4{font-size:14px}.sound-effects button{min-height:44px}.preview-stage{height:253px}.video-frame{height:240px}.home-heading>p{max-width:310px;line-height:1.6}.timeline-clip>span{padding:1px}}
@media(min-width:761px){.preview-stage{height:370px}.video-frame{height:350px}.edit-column{max-height:552px;overflow-y:auto;scrollbar-width:thin}.edit-intro{padding-top:19px;padding-bottom:13px}.timeline-editor{padding-top:14px;padding-bottom:16px}.timeline-grid{gap:5px 9px}.timeline-lane{height:42px}.track-label{min-height:42px}.ruler-label{min-height:22px}.timeline-ruler{height:22px}.timeline-clip{height:30px;top:5px}.timeline-heading{margin-bottom:10px}.timeline-empty{font-size:10px}}
.edit-column>*{flex-shrink:0}.tool-panel{flex:0 0 auto}
/* Keep the play control clear of centered titles. */
.preview-play{top:auto;bottom:12px;transform:translateX(-50%);width:42px;height:42px}.preview-play svg{width:22px;height:22px}
/* Softer surfaces and consistent controls. */
:root{--accent:#5369cf;--line:#e4e8ef;--muted:#69768a;background:#f5f6f8;color:#2a3547}body{-webkit-font-smoothing:antialiased}button,a,input,select,textarea,summary{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #a0afe9;outline-offset:3px}.topbar{height:68px;border-bottom-color:#e7eaf1;background:#ffffffed}.brand{font-size:20px;font-weight:650}.brand svg{stroke-width:1.5}.topbar nav button{color:#738096;border-radius:9px}.topbar nav button:hover{background:#f1f3f9}.home-heading{padding-top:40px}.home-heading h1{font-size:30px;font-weight:600;letter-spacing:-.65px}.home-heading p{color:#788497}.upload-card{border:1px solid #dce2ed;border-radius:18px;box-shadow:0 5px 24px #30446404;padding:30px 24px 23px}.upload-card h2{font-weight:550}.upload-card p{color:#788497}.upload-icon{color:#677cc9;background:#f0f3fc;border-radius:15px;width:52px;height:52px}.button{border-radius:10px;font-weight:550;box-shadow:none}.primary{background:#5369cf;border-color:#5369cf}.primary:hover:not(:disabled){background:#465cbb;border-color:#465cbb;box-shadow:0 3px 10px #5369cf18}.secondary{border-color:#dce2eb;color:#62718a;background:#fff}.secondary:hover:not(:disabled){background:#f5f7fb;border-color:#c7d1e2}.text-button,.inline-link{color:#667bb2;text-decoration:none}.text-button:hover,.inline-link:hover{text-decoration:underline;color:#465d96}.privacy-note{color:#8792a3}.privacy-note>button{color:#7485a5}.section-heading>p{color:#8792a4}.draft-card{border-color:#e4e8ef;border-radius:13px;padding:14px 16px;box-shadow:0 2px 8px #30446403}.draft-open{font-weight:550;color:#48576d}.draft-delete{color:#8a95a7;text-decoration:none}.draft-delete:hover{text-decoration:underline}.draft-placeholder{background:#eef1f8;color:#a0afca;border-radius:7px}.draft-empty{border-radius:13px;border-color:#e5e9f0;background:#ffffffc9}.editor-heading{padding:18px 0}.back-button{color:#7c899b}.workspace{border-color:#e2e7ef;border-radius:16px;box-shadow:0 5px 25px #23354d05}.preview-column{background:#eef1f5}.preview-top{padding:14px 18px}.preview-top>input{color:#68778d;border-radius:8px;padding:9px 10px}.preview-top>input:hover{border-color:#d7dfea;background:#ffffff8c}.preview-top>input:focus{border-color:#b9c7e7;background:white}.history-buttons .icon-button{color:#9eabc0}.icon-button:hover:not(:disabled){background:#e5eaf3}.video-frame{border-radius:11px;box-shadow:0 7px 24px #30446414}.transport{padding:10px 18px}.transport>span{color:#8593a7}.preview-foot{border-color:#e0e6ee;color:#8a97aa;padding:10px 21px}.preview-foot>button{color:#8799b4;text-decoration:none}.preview-foot>button:hover{text-decoration:underline}.edit-column{border-color:#e5eaf1;background:#fff;scrollbar-color:#d7ddeb transparent}.edit-intro{padding:18px 22px;height:84px;background:#fff;box-sizing:border-box}.edit-intro h2{font-size:19px;font-weight:600;line-height:24px;margin:0 0 5px}.edit-intro p{font-size:12px;color:#8c97a9;line-height:19px;margin:0}.tool-tabs{background:#fff;border-bottom-color:#e9edf3;padding:0 12px}.tool-tabs>button{color:#8995a9;min-height:50px;font-size:13px;border-radius:8px 8px 0 0}.tool-tabs>button[aria-selected=true]{background:#f3f5fc;color:#667bc7;border-bottom-color:#879add;font-weight:550}.tool-panel{padding:22px 23px 19px;animation:panel-enter .16s ease}.panel-title h3{font-size:16px;font-weight:600;color:#455268}.panel-title p{font-size:13px;line-height:1.7;color:#8793a7}.field-label{font-size:13px;color:#718098;font-weight:500}.range-label{font-size:13px;color:#718098}.range-label output{color:#7b8da9}.hint{color:#8a98ad;line-height:1.8}select,textarea,.timing-fields input{border-color:#dfe5ee;border-radius:9px;background:#fcfdff;color:#53647f;box-shadow:0 1px 3px #23354d03}select:hover,textarea:hover,.timing-fields input:hover{border-color:#c7d2e4}select:focus,textarea:focus,.timing-fields input:focus{border-color:#a6b5df;background:white}.input-note{color:#98a3b4}textarea{padding:12px 13px;line-height:1.65}input[type=range]::-webkit-slider-runnable-track{background:#e0e6f2;height:4px}input[type=range]::-webkit-slider-thumb{background:#7085c9;box-shadow:0 0 0 1px #c1cbe4;width:19px;height:19px;margin-top:-7.5px}.segments>button{border-color:#e1e6ef;background:#fcfdff;color:#8a97ab;border-radius:8px;font-weight:450}.segments>.selected{border-color:#b7c4e8;background:#f2f5fd;color:#6c80bf}.text-style-options [data-textstyle='3d']{text-shadow:none;font-weight:600}.switch-row{border-color:#e8ecf2;border-radius:10px;background:#fdfdff;color:#718199;font-size:13px}.switch-row b{font-weight:450}input[role=switch]{background:#dce2ed}input[role=switch]:checked{background:#8395cc}.extra-options,.more-tools,.clip-section-heading{border-color:#ecf0f5}.extra-options>summary,.more-tools>summary{color:#9ba7b8;font-size:12px}.extra-options[open]>summary,.more-tools[open]>summary{color:#697fb9}.editor-note{background:#fcfdff;border-color:#ecf0f5;color:#9aa8bb}.record-position{background:#f7f5fc;border-color:#eae5f6;color:#9487ad;border-radius:11px;padding:14px}.record-position strong{font-size:15px;color:#8d7aaf;font-weight:600}.record-button{border:1px solid #c65d70;background:#c65d70;font-weight:550;box-shadow:0 2px 7px #c65d7010}.record-button:hover:not(:disabled){border-color:#b85164;background:#b85164;box-shadow:0 4px 12px #c65d701a}.record-button.recording{background:#a74659}.record-status{color:#a96778}.sound-effects button{background:#f7fbf9;color:#82a496;border-color:#dcebe4;border-radius:9px}.audio-card{border-color:#e7ebf2;background:#fcfdff;border-radius:11px}.audio-card.selected{border-color:#d5cbe8;background:#fcfaff}.audio-card-head>button:first-child{color:#79859d;font-weight:550}.audio-card small{color:#a0abba}.clip-section-heading h4{font-weight:550;color:#8491a5;font-size:13px}.empty-clips{color:#a2adbd}.text-clip-list button{background:#fcf9f3;border-color:#e9dfd0;color:#b19c7c;border-radius:8px}.text-clip-list button.selected{border-color:#dcc69f;background:#fcf5e9;color:#a68e63}.timeline-editor{background:#fafbfd;border-color:#e4eaf2;padding:15px 20px 18px}.timeline-heading h3{color:#7c899d;font-size:13px;font-weight:550}.timeline-heading>span{color:#aab4c2;font-size:11px}.timeline-heading output{color:#8a9ab1}.track-label{background:#f1f4f9;color:#96a6bd;border-left-color:#cbd7eb;font-size:11px;font-weight:450}.track-label.voice-label{color:#ae9bc8;border-left-color:#d6c9e8}.track-label.sound-label{color:#9abbaf;border-left-color:#c2dfd2}.track-label.text-label{color:#c5b18b;border-left-color:#ead9b8}.ruler-label{background:none;border:0}.timeline-ruler{color:#a8b6ca}.timeline-lane{border-color:#e8edf5;background:repeating-linear-gradient(90deg,#fff 0,#fff calc(25% - 1px),#f1f4f9 calc(25% - 1px),#f1f4f9 25%);border-radius:5px}.timeline-lane:after,.timeline-ruler:after{background:#c98591}.timeline-clip{border-color:#cedbee;background:#eaf0fb;color:#8da3c3;border-radius:5px;box-shadow:none}.timeline-clip.voice{border-color:#dbceed;background:#f2ecfb;color:#ac99c7}.timeline-clip.sound{border-color:#c8e2d8;background:#edf8f3;color:#9dbdb0}.timeline-clip.text{border-color:#e8d9bd;background:#fcf6e9;color:#c1ad87}.timeline-clip.selected{outline:1px solid #a8b9d2;outline-offset:-1px}.timeline-clip>span{background:#ffffff60}.video-lane .timeline-clip{background:#edf2fa}.timeline-clip:hover:not(:disabled){filter:brightness(.98)}.timeline-empty{color:#bdc7d6}.text-layer{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.preview-play{background:#26384d33;border-color:#ffffff88;box-shadow:0 2px 6px #152a4810}.save-preview{background:#eef1f5;border-radius:14px}.save-specs>span{background:#eef1f8;color:#8a9ab2;border-radius:7px}.save-copy h1{font-weight:600}.processing-notice p,.consent{color:#8592a7}.save-copy>p{color:#8a96a8}dialog{border-color:#e2e7f0;border-radius:16px;box-shadow:0 20px 80px #28395626}dialog::backdrop{background:#34446155;backdrop-filter:blur(3px)}#toast{background:#566681;box-shadow:0 5px 20px #344b6d20;border-radius:11px}footer{border-color:#e8ecf2;color:#a7b1c0}footer button{color:#95a4ba}@keyframes panel-enter{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px){.edit-intro{position:sticky;top:0;z-index:5}.tool-tabs{position:sticky;top:84px;z-index:5}}
@media(max-width:760px), (max-width:960px) and (max-height:500px){.topbar{height:63px}.home-heading h1{font-size:26px}.home-heading{padding-top:30px}.upload-card{padding:25px 20px 18px}.workspace{border-radius:13px}.preview-column{border-radius:12px 12px 0 0}.preview-top{padding:8px 11px}.edit-intro{height:auto;min-height:80px;padding:18px}.tool-tabs>button{min-height:59px;font-size:12px}.tool-panel{padding:20px 18px 18px}.timeline-editor{padding:14px 12px 16px;border-radius:0 0 13px 13px}.record-position{padding:13px}.record-button{min-height:49px}.timeline-heading>span{font-size:10px}.track-label{font-size:10px}.timeline-clip{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep secondary labels readable against the lighter surfaces. */
.panel-title p,.edit-intro p,.hint,.processing-notice p,.consent{color:#6e7c90}.field-label,.range-label{color:#65758c}.tool-tabs>button{color:#78869a}.tool-tabs>button[aria-selected=true]{color:#5369ac}.record-position{color:#827193}.record-position strong{color:#76618e}.record-button{background:#bd5268;border-color:#bd5268}.timeline-heading h3{color:#6d7c92}.timeline-heading>span{color:#8b99ac}.track-label{color:#6b809e}.track-label.voice-label{color:#9072ad}.track-label.sound-label{color:#6d9584}.track-label.text-label{color:#a88c59}.timeline-clip{color:#6b84a8}.timeline-clip.voice{color:#9072b1}.timeline-clip.sound{color:#6c9784}.timeline-clip.text{color:#aa8f5b}.empty-clips{color:#8a98ac}.extra-options>summary,.more-tools>summary{color:#8190a6}.audio-card-head>button:first-child{color:#66778f}.text-clip-list button{color:#9c845e}.text-clip-list button.selected{color:#8e754a}.input-note{color:#8290a5}
.voice-fx-controls{margin:13px 0 7px;padding-top:4px;border-top:1px solid #e8e6f0}.voice-fx-controls .field-label{margin-top:10px;margin-bottom:8px;font-size:12px;color:#7d728f}.voice-fx-controls select{font-size:13px;min-height:43px;background:#fff}.voice-fx-description{font-size:12px;line-height:1.65;color:#8990a4;margin:8px 0 10px}.voice-fx-controls .range-label{font-size:12px;margin-top:11px;color:#7f819a}.voice-fx-controls .range-label output{font-size:12px;color:#8c7ca7}.voice-strength-ends{display:flex;justify-content:space-between;font-size:10px;color:#a7a6b6;margin-top:-3px}.voice-comparison{display:flex;gap:8px;margin-top:13px}.voice-comparison .button{flex:1;font-size:11px;min-height:38px;padding:9px 8px;font-weight:450}.voice-comparison .button[aria-pressed=true]{color:#86729f;border-color:#cfc3df;background:#f5f0fc}.voice-preview-note{font-size:10px!important;color:#a5a7b7!important;margin-top:8px!important}.audio-card .audio-details{border-top:1px solid #eeedf4;padding-top:7px;margin-top:13px}.voice-fx-controls input[type=range]::-webkit-slider-thumb{background:#9d8ab6;box-shadow:0 0 0 1px #dbd1e7}.voice-fx-controls input[type=range]::-webkit-slider-runnable-track{background:#eae5f1}@media(max-width:760px), (max-width:960px) and (max-height:500px){.voice-fx-controls select{font-size:16px;min-height:46px}.voice-comparison .button{font-size:12px;min-height:44px}.voice-fx-description{font-size:12px}.voice-fx-controls .range-label{font-size:13px}.voice-preview-note{font-size:11px!important}.voice-strength-ends{font-size:11px}}

/* Product shell, account and onboarding */
.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;color:#6576aa;margin-bottom:11px}.home-heading{max-width:720px;margin-inline:auto}.home-heading h1{font-size:clamp(34px,5vw,52px);line-height:1.04;letter-spacing:-.045em;color:#1e293b}.home-heading p{font-size:16px;max-width:520px;margin-inline:auto}.upload-card{max-width:560px;background:linear-gradient(180deg,#fff,#fbfcff)}.account-button{border:1px solid #d8deea!important;background:#fff!important;color:#334155!important;font-weight:600!important;padding:9px 15px!important}.account-button:hover{border-color:#b9c4d8!important;background:#f8fafc!important}.footer-links{display:flex;gap:18px}.footer-links button{padding:0}.auth-heading h2{font-size:26px;letter-spacing:-.025em;margin:0 0 8px}.auth-heading p{color:#778398;line-height:1.6;margin:0 0 22px}.account-dialog{width:min(460px,calc(100% - 28px));padding:30px}.provider-list{display:grid;gap:10px}.provider-button{width:100%;min-height:50px;border:1px solid #dbe1ea;border-radius:10px;background:#fff;color:#1f2937;display:grid;grid-template-columns:30px 1fr 30px;align-items:center;text-align:center;padding:0 14px}.provider-button span{font-size:20px}.provider-button b{font-size:14px;font-weight:600}.provider-button:hover{background:#f7f8fb;border-color:#c7d0df}.provider-button.snapchat{background:#fffcdf;border-color:#eee7a8}.auth-divider{display:flex;align-items:center;gap:12px;color:#9aa4b4;font-size:11px;margin:19px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e7eaf0;flex:1}#emailAuthForm input{width:100%;height:46px;border:1px solid #dbe1ea;border-radius:9px;margin:8px 0 10px;padding:0 12px;font:inherit;box-sizing:border-box}.auth-consent{margin:16px 0 8px;align-items:flex-start}.auth-consent .inline-link{font-size:inherit;padding:0}.auth-tips{margin-top:8px}.auth-security{font-size:11px;line-height:1.55;color:#8994a6;margin:15px 0 0}.auth-status{min-height:18px;font-size:12px;color:#6679a5;margin:12px 0 0}.auth-status.error{color:#a64d5e}.legal-dialog{width:min(680px,calc(100% - 28px));max-height:min(82vh,760px);padding:32px}.legal-dialog h2{margin-bottom:5px}.legal-date{font-size:12px;color:#8b96a7}.legal-copy{max-height:50vh;overflow:auto;margin:20px -8px 20px 0;padding-right:18px;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.legal-copy h3{font-size:14px;margin:20px 0 6px;color:#3d4b60}.legal-copy p,.legal-note{font-size:12px;line-height:1.72;color:#69778b}.legal-note{background:#f6f7fa;border-radius:9px;padding:12px}.tutorial-dialog{width:min(430px,calc(100% - 28px));padding:32px}.tutorial-dialog h2{font-size:25px;letter-spacing:-.03em;margin:12px 0 9px}.tutorial-dialog>p{color:#718096;line-height:1.7;min-height:55px}.tip-count{font-size:10px;font-weight:700;letter-spacing:.12em;color:#7082b5}.tip-dots{display:flex;gap:6px;margin:20px 0}.tip-dots span{width:6px;height:6px;border-radius:50%;background:#d8deea}.tip-dots span.active{width:20px;border-radius:4px;background:#6f82c5}.tutorial-dialog .dialog-actions{justify-content:space-between}@media(max-width:760px), (max-width:960px) and (max-height:500px){.topbar nav{gap:5px}.account-dialog,.legal-dialog,.tutorial-dialog{padding:24px 20px}.home-heading h1{font-size:36px}.footer-links{gap:13px}.legal-copy{max-height:46vh}.tutorial-dialog .dialog-actions{display:grid;grid-template-columns:1fr 1fr}.provider-button{min-height:54px}}

.color-swatch.cool{background:linear-gradient(135deg,#b5d6df 50%,#5c7894 50%)}.color-swatch.fade-look{background:linear-gradient(135deg,#ddd4c8 50%,#9c9690 50%)}.color-swatch.cinematic{background:linear-gradient(135deg,#c79b73 50%,#273b4f 50%)}.color-swatch.noir{background:linear-gradient(135deg,#f0f0ec 50%,#292b31 50%)}#lookStrengthControls{margin-top:18px;padding-top:2px;border-top:1px solid #edf0f4}.compare-look{margin-top:7px;font-size:12px;min-height:40px}.compare-look.comparing{background:#edf1f7;border-color:#aeb9ca;color:#34445d}@media(max-width:760px), (max-width:960px) and (max-height:500px){.look-options{grid-template-columns:repeat(2,1fr)}.look-options button{min-height:54px;padding:11px 9px}.compare-look{min-height:44px}}

.video-frame.vignette:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 42px 6px #06101a99}.finish-effects{margin-top:21px;border-top:1px solid #edf0f4;padding-top:3px}.finish-effects .clip-section-heading{border:0;margin-top:8px}.finish-effects .switch-row{margin:9px 0;padding:12px 13px}.finish-effects .switch-row>span{display:grid;gap:3px}.finish-effects .switch-row small{font-size:10px;font-weight:400;color:#909bad}.finish-effects .text-button{font-size:12px;min-height:36px;padding:7px 0}@media(max-width:760px), (max-width:960px) and (max-height:500px){.video-frame.vignette:after{box-shadow:inset 0 0 34px 4px #06101a99}.finish-effects .switch-row{min-height:58px}}

.account-profile{display:flex;align-items:center;gap:14px;margin:18px 0 22px}.account-profile h2{margin:0 0 4px;font-size:22px}.account-profile p{margin:0;font-size:12px}.account-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#e9edfa center/cover no-repeat;color:#5369ae;font-size:19px;font-weight:700;box-shadow:inset 0 0 0 1px #d9dfec}#authSignedIn>p{font-size:13px;line-height:1.7;margin-bottom:22px}

.shortcuts-button{border:1px solid #dfe4ec;background:#fff;color:#748197;font-weight:700;font-size:15px}.shortcuts-dialog{width:min(470px,calc(100% - 28px));padding:30px}.shortcuts-dialog h2{margin-top:0}.shortcut-list{border-top:1px solid #e9edf3;margin:18px 0 8px}.shortcut-list>div{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px;border-bottom:1px solid #edf0f4;font-size:13px;color:#66758a}.shortcut-list>div>span:last-child{white-space:nowrap}.shortcut-list kbd{display:inline-grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border:1px solid #d4dae5;border-bottom-width:2px;border-radius:6px;background:#f8f9fb;color:#4d5b70;font:600 11px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 1px 2px #2639580a}.shortcuts-dialog>.button{margin-top:17px}@media(max-width:760px), (max-width:960px) and (max-height:500px){.shortcuts-button{display:none}.shortcuts-dialog{padding:24px 20px}.shortcut-list>div{font-size:12px}}

.text-animation-options>button{position:relative}.text-animation-options>button[data-textanimation=fade]:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55;margin-right:4px;display:inline-block}.text-animation-options>button[data-textanimation=rise]:before{content:"↑";font-size:11px;margin-right:3px}.text-animation-options>button[data-textanimation=pop]:before{content:"•";font-size:18px;line-height:0;margin-right:3px}
/* Editorial interface: readable type, calm surfaces, direct tool access. */
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#202833;background:#f7f7f5;--accent:#244a5f;--line:#dfe4e5;--muted:#596774}
html{scroll-behavior:smooth}body{background:#f7f7f5;font-size:15px;line-height:1.5}main{max-width:1480px;padding-inline:clamp(16px,3vw,48px)}
.topbar{height:64px;padding-inline:clamp(16px,3vw,48px);background:#fff;border-bottom:1px solid #e1e5e5}.brand{font-size:19px;letter-spacing:-.035em;color:#202833}.brand svg{color:#244a5f}.topbar nav button{font-size:14px;color:#40515d}.topbar nav button:hover{background:#f0f4f4}.account-button{border-color:#cbd5d8!important;border-radius:9px!important}
h1,h2,h3,h4{color:#202833;letter-spacing:-.025em}h1{font-weight:700}p{color:#596774;font-size:14px;line-height:1.55}.home-view{max-width:1040px}.home-heading{padding:56px 0 24px}.home-heading h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;line-height:1.12}.home-heading p{font-size:16px}.upload-card{max-width:620px;border:1px solid #dce3e3;border-radius:12px;background:#fff;padding:32px 24px 24px;box-shadow:0 6px 24px #20313a08}.upload-icon{background:#eaf0f1;color:#244a5f;border-radius:9px}.upload-card h2{font-size:21px}.upload-card>p{font-size:14px}.button{border-radius:8px;font-size:14px;font-weight:600;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #172b3714}.primary{background:#244a5f;border-color:#244a5f;color:white}.primary:hover:not(:disabled){background:#1b394a;border-color:#1b394a}.secondary{background:#fff;border-color:#cfd8da;color:#2b3d49}.secondary:hover:not(:disabled){background:#f4f8f8}.text-button,.inline-link{color:#23546a}.privacy-note{font-size:12px;color:#68747c}.projects-section{margin-top:30px}.section-heading h2{font-size:19px}.draft-grid{gap:12px}.draft-card{background:#fff;border:1px solid #dfe4e5;border-radius:10px;box-shadow:none}.draft-card:hover{border-color:#bbc9ce;box-shadow:0 3px 12px #172b370b}.draft-open{font-size:15px;font-weight:600}.draft-card small{font-size:12px;color:#5d6973}.draft-delete{font-size:12px;color:#687780}
.editor-heading{padding-block:18px}.workspace{border:1px solid #dfe4e5;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 22px #172b3707}.preview-column{background:#f0f2f1}.preview-stage{background:#eef1f0}.preview-top,#projectName{color:#263742}.preview-foot{color:#52606b}.edit-column{background:#fff;border-left:1px solid #dfe4e5}.edit-intro{padding:18px 20px 8px}.edit-intro h2{font-size:20px;margin-bottom:2px}.edit-intro p{font-size:12px;margin-bottom:6px}.tool-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-snap-type:x proximity;border-bottom:1px solid #dfe4e5;background:#fff}.tool-tabs button{flex:0 0 auto;min-width:92px;min-height:48px;padding:10px 12px;scroll-snap-align:start;font-size:13px;white-space:nowrap;color:#50616c}.tool-tabs button[aria-selected=true]{background:#edf3f3;color:#174358;border-bottom:2px solid #244a5f;font-weight:650}.tool-tabs button svg{width:17px;height:17px}.tool-panel{padding:20px}.panel-title h3{font-size:17px}.panel-title p{font-size:13px;color:#52616b;line-height:1.5}.field-label,.range-label,.switch-row{color:#354754;font-size:13px}.hint,.compact,.empty-clips{font-size:12px!important;color:#60717b!important;line-height:1.5!important}input,select,textarea{border-radius:8px}select,input[type=number],input[type=email],input[type=text],textarea{font-size:14px!important;color:#263742!important}.record-position{background:#f1f5f5;border-color:#e4ebeb}.record-button{background:#ad465d!important;border-color:#ad465d!important;color:#fff!important}.record-button:hover:not(:disabled){background:#98394e!important}.timeline-editor{background:#fff;border-top:1px solid #dfe4e5}.timeline-heading h3{font-size:16px}.timeline-heading span,.timeline-heading output,.track-label{color:#52616b;font-size:12px}.timeline-lane{background:#fafbfa}.look-options button,.format-options button,.sound-effects button{font-size:13px;color:#33434e}.look-options button.selected,.format-options button.selected{border-color:#557785;background:#eff5f5}.color-swatch{border-radius:7px}.segments button{font-size:13px;min-height:38px}.segments button.selected{background:#eaf1f2;color:#174358}.save-preview{background:#edf1f0}.save-specs>span{background:#eaf0f1;color:#345060}.processing-notice p,.consent{color:#445660;font-size:13px}dialog{color:#263742;border-color:#d4dfe1;border-radius:12px}dialog::backdrop{background:#172733aa}.auth-heading p,.legal-copy p,.tutorial-dialog p{font-size:14px;color:#4e5f6a}#authCode{letter-spacing:.22em;font-size:22px!important;text-align:center;width:100%;padding:12px;margin:5px 0 12px}.provider-button{border-radius:8px;color:#263742}.provider-button:hover{border-color:#aebdc2;background:#f4f8f8}
@media(max-width:760px), (max-width:960px) and (max-height:500px){main{padding-inline:12px}.topbar{height:58px}.home-heading{padding:36px 8px 18px}.home-heading h1{font-size:32px}.upload-card{padding:26px 18px 19px}.editor-heading{padding:12px 2px}.workspace{border-radius:10px}.edit-column{border-left:0}.edit-intro{padding:17px 16px 7px}.tool-tabs button{min-width:86px;padding:10px 12px}.tool-panel{padding:18px 16px}.timeline-editor{overflow-x:auto}.draft-grid{grid-template-columns:1fr}.save-layout{gap:18px}.record-button{min-height:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover:not(:disabled){transform:none}}
/* Keep every tool visible. */
.tool-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;scroll-snap-type:none}
.tool-tabs button{width:100%;min-width:0;min-height:46px;justify-content:center;padding:8px 6px;border-bottom:1px solid #e9eded}
.tool-tabs button[aria-selected=true]{border-bottom:2px solid #244a5f}
@media(max-width:760px), (max-width:960px) and (max-height:500px){.tool-tabs button{min-height:46px;font-size:12px;padding:8px 4px}}
.provider-button:disabled{opacity:.65;cursor:not-allowed;background:#f5f6f4!important;color:#47545b!important;border-color:#dce2e2!important}
.auth-status{font-size:12px;color:#4d6270}
/* Ordered color looks. Dragging is optional; tap and move buttons work on touch screens. */
.color-stack-heading{display:flex;align-items:center;justify-content:space-between;margin:8px 0 9px;color:#263b48;font-size:13px}
.color-stack-heading strong{font-size:14px}.color-stack-heading span{font-size:12px;color:#65737d}
.color-layer-list{display:grid;gap:8px;min-height:42px;margin-bottom:18px;border-radius:8px}
.color-layer-list>.empty-clips{margin:0;padding:13px 12px;background:#f4f7f6;border:1px dashed #cbd7d8;border-radius:8px}
.color-layer{background:#f9fbfa;border:1px solid #d5e0df;border-radius:8px;padding:9px 11px;cursor:grab}
.color-layer:active{cursor:grabbing}.color-layer-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.color-layer-head strong{font-size:13px;font-weight:650;color:#243d4b}
.color-layer-actions{display:flex;gap:3px}.layer-action{width:30px;height:30px;display:grid;place-items:center;border:1px solid transparent;border-radius:6px;font-size:16px;color:#49616e}.layer-action:hover:not(:disabled){border-color:#b9cbd0;background:#eef4f4}.layer-action.remove{color:#80505a}.layer-action:disabled{opacity:.35}
.color-layer-strength{display:flex;justify-content:space-between;margin-top:6px;color:#536570;font-size:12px}.color-layer input[type=range]{width:100%;margin:4px 0 2px;accent-color:#244a5f;cursor:pointer}
.look-options button[draggable=true]{cursor:grab}.look-options button[draggable=true]:active{cursor:grabbing}.look-options button[data-look=original]{font-weight:650}
.color-drop-ready{outline:2px dashed #3d788d!important;outline-offset:-4px;background-color:#eff7f7!important}
#frame.color-drop-ready{outline-offset:4px}
@media(max-width:760px), (max-width:960px) and (max-height:500px){.color-layer{padding:10px 12px}.layer-action{width:34px;height:34px}.color-stack-heading{margin-top:4px}}
#frame.film-grain:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:url('/grain.svg') repeat;mix-blend-mode:overlay;opacity:.26}
.finish-effects [data-effect-drop]{cursor:grab}.finish-effects [data-effect-drop]:active{cursor:grabbing}
@media(prefers-reduced-motion:no-preference){#frame.film-grain:before{animation:grain-shift .45s steps(3) infinite}}
@keyframes grain-shift{0%{background-position:0 0}100%{background-position:80px 43px}}
.color-layer-timing{margin-top:7px;border-top:1px solid #e2e9e9;padding-top:5px}.color-layer-timing summary{font-size:12px;color:#496673;cursor:pointer;padding:3px 0;list-style:revert}.color-layer-timing summary:hover{color:#20495a}.color-timing-body{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.color-timing-body label{font-size:11px;color:#5a6d76}.color-timing-body input{width:100%;display:block;margin-top:4px;padding:8px;border:1px solid #cbd7da;border-radius:6px;background:white;font-size:13px!important}.color-timing-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.color-timing-actions button{background:#eef4f4;border:1px solid #d5e1e2;border-radius:6px;padding:6px 8px;font-size:11px;color:#315465}.color-timing-actions button:hover{background:#e3eeee}
.track-label.look-label{color:#58747e}.timeline-clip.look{border-color:#accbd0;background:#e9f2f1;color:#315969;font-size:11px;font-weight:600;touch-action:none}.timeline-clip.look:hover{background:#dcece9}.timeline-lane[aria-label="Color looks track"] .timeline-empty{color:#98acb0}

.timeline-heading .button{font-size:12px;min-height:36px;padding:6px 10px}.timeline-heading button[aria-pressed=true]{background:#244a5f;color:white}.video-lane .video-section{border-radius:3px;border-right:2px solid #607c90}.split-mode,.split-mode .video-section{cursor:crosshair!important}.original-lane{display:flex;align-items:center;gap:8px;padding:0 8px}.original-status{font-size:11px;color:#486b5a;margin-right:auto}.original-action{font-size:12px;min-height:36px;padding:4px 8px;border:1px solid #cbd9d1;border-radius:5px;background:#f3f8f5;color:#335744;position:relative;z-index:4}.sound-removed{background:#f4f5f4}.sound-removed .original-status{text-decoration:line-through}@media(max-width:760px), (max-width:960px) and (max-height:500px){.timeline-heading .button{min-height:42px}.original-lane{gap:3px;padding:0 4px}.original-action{padding:4px;font-size:11px}.original-status{font-size:9px}}

.timeline-heading{flex-wrap:wrap;gap:8px}.timeline-heading h3{margin-right:4px}.timeline-heading>span{flex:1 1 280px;line-height:1.5}.timeline-heading output{margin-left:auto}.timeline-heading .button{white-space:nowrap}.original-action:focus-visible{outline:2px solid #244a5f;outline-offset:1px}@media(max-width:760px), (max-width:960px) and (max-height:500px){.timeline-heading .button{flex:1 1 110px}.timeline-heading output{flex:0 0 auto}.timeline-grid{grid-template-columns:72px minmax(0,1fr)}}

.section-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 14px;padding:12px;background:#f5f8f8;border:1px solid #dce5e6;border-radius:8px}.section-tools strong{font-size:13px;color:#244a5f;margin-right:5px}.section-tools .button{font-size:12px;min-height:38px;padding:7px 10px}.section-tools p{flex-basis:100%;font-size:12px;color:#52616b;margin:0;line-height:1.5}.section-tools label{font-size:12px;display:flex;align-items:center;gap:6px}.section-tools input{width:88px;padding:8px;border:1px solid #bfced2;background:white;border-radius:5px}.video-lane .video-section{padding-inline:15px;touch-action:pan-y}.video-section.selected{background:#dceaf0;outline:2px solid #345d72;outline-offset:-2px}.section-edge{position:absolute!important;top:0;bottom:0;width:12px;background:#50738855!important;border-radius:0!important;padding:0!important;pointer-events:auto!important;cursor:ew-resize;touch-action:none}.section-edge.start{left:0}.section-edge.end{right:0}.split-mode .section-edge{pointer-events:none!important}.section-tools button:disabled{opacity:.45}@media(max-width:760px), (max-width:960px) and (max-height:500px){.section-tools .button{min-height:44px;flex:1 1 100px}.section-tools label{width:100%}.section-tools input{font-size:16px!important;min-height:44px}.section-edge{width:14px}}

.section-edge-fields{display:flex;gap:10px}.section-edge-fields label{display:flex;gap:6px;align-items:center}.section-edge-fields input{margin-top:0}.video-section{user-select:none}.video-section:not(:focus-visible){outline-offset:-2px}@media(max-width:760px), (max-width:960px) and (max-height:500px){.section-edge-fields{width:100%}.section-edge-fields label{flex:1;flex-wrap:wrap}.section-edge-fields input{width:100%}}

.video-lane .video-section{box-sizing:border-box}.section-edge{box-sizing:border-box}

.audio-card-head .clip-mute{font-size:12px;min-height:36px;padding:4px 8px;border:1px solid #cfdade;border-radius:6px;color:#365969;background:#fff}.audio-card-head>button:first-child{flex:1}.audio-card-head>button{flex-shrink:0}.audio-card-head>button:first-child{flex-shrink:1}

#toast{display:flex;align-items:center;gap:14px;max-width:min(520px,calc(100vw - 24px));box-sizing:border-box}#toast[hidden]{display:none}#toast>span{min-width:0;line-height:1.5}.toast-undo{flex-shrink:0;min-height:42px;padding:6px 12px;border:1px solid #ffffff90;border-radius:6px;color:white;background:#ffffff18;font-weight:650}.toast-undo:hover{background:#ffffff30}.toast-undo:focus-visible{outline:2px solid white;outline-offset:2px}.section-fine-trim{font-size:12px;color:#365969}.section-fine-trim summary{cursor:pointer;min-height:40px;align-content:center;padding:0 8px}.section-fine-trim[open]{flex-basis:100%}.section-fine-trim .section-edge-fields{padding:8px 0}.section-fine-trim input{min-height:40px}

.review-receipts{max-width:760px;margin:24px auto;border:1px solid #d4e0e2;border-radius:9px;padding:16px;background:white;color:#344f5d}.review-receipts summary{cursor:pointer;font-weight:600;min-height:36px}.review-receipts p{font-size:13px;line-height:1.5}.review-receipts>div{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #e1e8e9;padding:12px 0}.review-receipts>div>span{overflow-wrap:anywhere;font-size:12px}.review-receipts button{min-height:44px;flex-shrink:0}.review-upload-status{position:fixed;inset:auto 16px 20px;z-index:30;max-width:520px;margin:auto;background:white;border:1px solid #b7cbd1;border-radius:10px;padding:14px;box-shadow:0 4px 22px #172b3720;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#244a5f}.review-upload-status button{min-height:44px}@media(max-width:760px), (max-width:960px) and (max-height:500px){.review-receipts>div{align-items:start;flex-direction:column}.review-receipts button{width:100%}}

.video-lane .video-section.is-trimming{transition:none!important;will-change:left,width;background:#dbeaf0;outline:2px solid #3b6a80;outline-offset:-2px;z-index:5;cursor:ew-resize}.section-edge{transition:background-color .12s ease,box-shadow .12s ease}.section-edge:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:12px;transform:translate(-50%,-50%);border-radius:2px;background:#365e72;opacity:.55}.section-edge:hover,.video-section[data-trim-edge=start] .section-edge.start,.video-section[data-trim-edge=end] .section-edge.end{background:#527b92aa!important;box-shadow:0 0 0 2px #527b9226}.trim-drag-readout{position:fixed;z-index:100;pointer-events:none;min-width:172px;padding:7px 10px;border-radius:7px;background:#244a5f;color:#fff;box-shadow:0 3px 12px #172b3720;font-size:12px;line-height:20px;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}@media(prefers-reduced-motion:reduce){.section-edge{transition:none}}

.trim-live{margin:18px 0 22px;padding:14px;background:#f1f5f6;border:1px solid #d8e3e6;border-radius:9px}.trim-live-track{position:relative;height:14px;background:#dbe3e6;border-radius:7px;overflow:hidden}.trim-live-track>span{position:absolute;inset-block:0;background:linear-gradient(90deg,#477c95,#2c596f);border-radius:5px}.trim-live-caption{display:flex;justify-content:space-between;gap:10px;margin-top:9px;font-size:12px;color:#526a76}.trim-live-caption output{font-weight:650;font-variant-numeric:tabular-nums;color:#244a5f}.trim-live.is-adjusting{border-color:#4b8099;box-shadow:0 0 0 3px #4b809915}.trim-live.is-adjusting .trim-live-track>span{background:linear-gradient(90deg,#438fae,#246682)}input[type=range].is-adjusting::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 0 0 6px #3b789026}input[type=range]::-webkit-slider-thumb{transition:transform .1s ease,box-shadow .1s ease}@media(prefers-reduced-motion:reduce){input[type=range]::-webkit-slider-thumb{transition:none}}

/* EditUpload.io visual system — October 31. Keep these tokens and component rules together. */
:root{--accent:#274f63;--line:#dce2e5;--muted:#65727b;--ink:#26333d;--surface:#fff;--canvas:#f3f4f4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}
body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}button,a,input,select,textarea,summary{transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #4a7a91;outline-offset:3px}button:disabled{opacity:.4}p{color:#63717a}h1,h2,h3{color:#26333d}h1{font-size:32px;letter-spacing:-1px;font-weight:600}h2{font-weight:600;letter-spacing:-.35px}svg{stroke-width:1.65}
.topbar{height:64px;background:#fff;border-bottom:1px solid #dfe4e7;padding-inline:max(24px,calc((100% - 1200px)/2))}.brand{font-size:19px;font-weight:650;letter-spacing:-.65px;color:#23333e;gap:9px}.brand svg{width:25px;height:25px;color:#38596a}.topbar nav{gap:12px}.topbar nav button{font-size:13px;color:#56656f;padding:8px 12px;min-height:38px}.topbar nav button:hover{background:#f2f5f6}#accountButton{border:1px solid #d6dfe3;border-radius:6px;background:white;color:#304654;font-weight:550;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
main{max-width:1248px;padding-inline:24px}.home-view{max-width:960px}.home-heading{text-align:left;padding:44px 0 26px}.home-heading h1{font-size:31px;line-height:1.2;margin:0 0 10px}.home-heading>p{max-width:none;margin:0;font-size:14px;line-height:1.5;color:#63717a}
.upload-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;column-gap:20px;row-gap:6px;align-items:center;text-align:left;padding:25px 26px;border:1px solid #d3dde1;border-radius:9px;background:#fff;box-shadow:0 1px 3px #172c3b04}.upload-icon{grid-column:1;grid-row:1/4;width:54px;height:54px;margin:0;background:#edf2f4;border:1px solid #e0e7eb;border-radius:10px;color:#416478}.upload-card h2{grid-column:2;grid-row:1;font-size:18px;font-weight:600;margin:0;line-height:1.4}.upload-card>p{grid-column:2;grid-row:2;font-size:13px;line-height:1.55;margin:0;color:#62717b}.upload-card>.primary{grid-column:3;grid-row:1/3;min-width:150px;min-height:44px;padding:10px 20px}.upload-card small{grid-column:2;grid-row:3;font-size:11px;margin:2px 0 0;color:#79858d}.upload-card>.text-button{grid-column:3;grid-row:3;min-height:30px;padding:3px 0;font-size:12px;justify-self:center;color:#587484}
.button{font-size:13px;font-weight:600;border-radius:6px;min-height:42px;padding:10px 16px;box-shadow:none;letter-spacing:0}.primary{background:#274f63;border-color:#274f63;color:#fff}.primary:hover:not(:disabled){background:#1e4052;border-color:#1e4052;box-shadow:none}.secondary{background:#fff;border:1px solid #ccd7dd;color:#3e5360}.secondary:hover:not(:disabled){background:#f3f6f7;border-color:#aebfc8;box-shadow:none}.text-button,.inline-link{font-size:13px;color:#3f6c83;text-underline-offset:3px}.privacy-note{font-size:11px;color:#75828b;text-align:left;padding:13px 1px 20px;line-height:1.6}.projects-section{margin-top:12px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:17px;font-weight:600;letter-spacing:-.3px}.section-heading h2>span{font-size:11px;font-weight:500;border-radius:4px;background:#e7ecef;color:#596c79;padding:3px 6px;margin-left:7px}.section-heading>p{font-size:12px;color:#79858d}.draft-grid{gap:12px}.draft-card{border:1px solid #dce3e7;border-radius:8px;padding:15px 16px;gap:14px;box-shadow:0 1px 3px #172c3b03;transition:border-color .15s ease,box-shadow .15s ease}.draft-card:hover{border-color:#b9c9d1;box-shadow:0 3px 12px #172c3b07}.draft-thumb{width:48px;height:62px;flex-shrink:0;border:1px solid #dce4e9;border-radius:5px;background:#edf1f4;color:#6b8291}.draft-thumb svg{width:22px;height:27px;stroke-width:1.4}.draft-open{font-size:14px;font-weight:600;letter-spacing:-.1px;min-height:30px;color:#334651}.draft-card small{font-size:11px;line-height:1.5;color:#74838d;margin-top:3px}.draft-delete{font-size:11px;color:#74818a;text-decoration:none;min-height:28px;padding:5px 0}.draft-delete:hover{color:#9b4652;background:transparent;text-decoration:underline}.draft-empty{border:1px solid #dce3e7;background:#fff;border-radius:8px;padding:24px}.draft-empty b{color:#425562;font-weight:600}.draft-empty p{font-size:12px;color:#73828b}footer{margin-top:28px;border-color:#e0e5e7;padding:16px 0;color:#859098;font-size:11px}footer button{font-size:11px;color:#617784;min-height:36px}.footer-links{display:flex;gap:18px}
.editor-heading{padding:18px 0;gap:12px}.back-button{font-size:13px;color:#627580}.editor-actions{gap:8px}.workspace{border:1px solid #d7e0e4;border-radius:9px;box-shadow:0 3px 14px #172b3705;margin-bottom:28px}.preview-column{background:#eaf0f2;display:flex;flex-direction:column;min-height:560px}.preview-top{padding:10px 16px;min-height:60px}.preview-top>input{font-size:14px!important;color:#344b59!important;font-weight:550;padding:9px 10px;border-radius:5px;max-width:74%}.preview-top>input:hover{background:#ffffffa6;border-color:#ccd8df}.history-buttons{gap:2px}.history-buttons .icon-button{color:#5d7787;width:38px;height:38px;border-radius:5px}.history-buttons .icon-button:disabled{color:#81929d;opacity:.32}.icon-button:hover:not(:disabled){background:#dce6eb}.preview-stage{height:380px;flex:1;background:#eaf0f2;padding:10px 20px}.video-frame{border-radius:6px;box-shadow:0 5px 18px #172b3714;border:1px solid #172b3715}.transport{min-height:60px;padding:8px 17px;gap:10px;background:#edf2f4}.transport .icon-button{width:38px;height:38px}.transport>span{font-size:11px;color:#647b8b;font-variant-numeric:tabular-nums}.preview-foot{padding:8px 20px;min-height:43px;border-top:1px solid #d8e2e7;color:#687d89;background:#edf2f4;font-size:11px}.preview-foot>button{font-size:11px;color:#56778a}.edit-column{height:560px;max-height:none;overflow:hidden;border-left:1px solid #dce4e8;background:#fff;scrollbar-color:#c8d5dc transparent}.edit-intro{padding:18px 20px 14px;min-height:0;height:auto;flex-shrink:0}.edit-intro h2{font-size:18px;line-height:1.35;margin:0 0 5px;letter-spacing:-.35px}.edit-intro p{font-size:11px;line-height:1.45;color:#82909a;margin:0}.tool-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 10px;gap:0;overflow:visible;border-top:1px solid #eff2f4;border-bottom:1px solid #dfe6e9;flex-shrink:0}.tool-tabs>button{min-width:0;min-height:44px;padding:10px 5px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#6b7e8b;border-radius:0;border:0;border-bottom:2px solid transparent;background:white;scroll-snap-align:none}.tool-tabs>button[aria-selected=true]{color:#244f65;background:#f4f7f9;border-bottom:2px solid #315e77;font-weight:650}.tool-tabs svg{width:16px;height:16px}.tool-panel{overflow-y:auto;min-height:0;padding:20px;scrollbar-width:thin;scrollbar-color:#ccd7dd transparent;animation:none}.panel-title h3{font-size:16px;letter-spacing:-.25px;font-weight:600;margin-bottom:8px}.panel-title p{font-size:12px;line-height:1.6;color:#697c89;margin-bottom:18px}.field-label,.range-label{font-size:12px;color:#4c6473;font-weight:500}.range-label{margin-top:17px}.range-label output{font-size:12px;color:#617b8d}.hint,.compact,.empty-clips{color:#748590!important;font-size:11px!important;line-height:1.6!important}.editor-note{font-size:10px;min-height:30px;padding:8px 20px;background:#fafcfd;border-top:1px solid #edf1f4;color:#83949e;flex-shrink:0}
select,textarea,.timing-fields input,input[type=email],input[type=text]{border:1px solid #d4dfe5;border-radius:6px;background:#fff;color:#3c5362;box-shadow:none}select:focus,textarea:focus,.timing-fields input:focus{border-color:#7e9eb1;background:#fff;box-shadow:0 0 0 2px #4b78900c}textarea{padding:11px 12px;line-height:1.6}input[type=range]{accent-color:#426f88}input[type=range]::-webkit-slider-runnable-track{background:#e2e9ed;height:4px}input[type=range]::-webkit-slider-thumb{background:#527d97;box-shadow:0 0 0 1px #b7ccd9}.segments{gap:6px}.segments button{min-height:36px;font-size:12px;color:#6e8290;border-color:#dce5ea;border-radius:5px;background:#fff}.segments button.selected{border-color:#8eaabb;color:#315a73;background:#f1f6f9}.switch-row{border:0;border-bottom:1px solid #edf1f4;border-radius:0;background:transparent;padding:12px 0;color:#607582;font-size:12px}.switch-row b{font-weight:500}input[role=switch]:checked{background:#668ca5}.record-position{background:#f2f6f8;border:1px solid #e0e9ee;border-radius:6px;padding:12px 13px;color:#718693;font-size:12px}.record-position strong{font-size:14px;font-weight:600;color:#50738c}.record-button{min-height:46px;font-size:13px;background:#ae4b60!important;border-color:#ae4b60!important;border-radius:6px;box-shadow:none}.record-button:hover:not(:disabled){background:#973d50!important}.record-button.recording{background:#8e3448!important}.record-status{font-size:12px}.clip-section-heading{padding-top:16px;margin-top:18px;border-color:#e6edf0}.clip-section-heading h4{font-size:12px;font-weight:600;color:#6b8292}.clip-section-heading>span{font-size:11px;color:#95a4ad}.audio-card{border:1px solid #e0e7ed;border-radius:6px;background:#fbfcfd;padding:11px 12px}.audio-card.selected{border-color:#b0a4c8;background:#fdfcfe}.audio-card-head>button:first-child{font-size:12px;font-weight:600;color:#61778a}.audio-card small{font-size:10px;color:#93a2ad}.audio-card-head>button:last-child{font-size:11px;color:#927b8a}.audio-card .audio-details summary{color:#7c8fa0;font-size:11px}.audio-card .clip-mute{border-color:#d9e3ea;color:#6b8397;font-size:11px;min-height:32px;border-radius:4px}.timing-fields{gap:10px;margin-top:12px}.timing-fields>label{font-size:11px;color:#758b9c}.timing-fields input{font-size:13px!important;min-height:36px;padding:8px}.voice-fx-controls{border-color:#e5eaf0}.voice-fx-description{font-size:11px;line-height:1.6;color:#8596a5}.voice-comparison .button{min-height:36px;padding:7px 10px;font-size:11px}.sound-effects{gap:6px}.sound-effects button{min-height:38px;border-radius:5px;background:#f6faf9;border-color:#dbe9e4;color:#719588;font-size:12px}.text-clip-list button{font-size:11px;min-height:32px;border-radius:4px;background:#fcf9f3;border-color:#eadfc9;color:#a18b66}.color-layer{border:1px solid #dce5e9;background:#f8fafb;border-radius:6px;padding:10px 11px}.color-layer-head strong{font-size:12px;color:#536e7f;font-weight:600}.layer-action{width:30px;height:30px;border-radius:4px;color:#849aa8}.color-layer-strength{font-size:11px;color:#8b9eaa}.color-stack-heading strong{font-size:12px;font-weight:600;color:#66818f}.look-options button{font-size:11px;border-radius:5px;color:#758b99}.look-options button.selected{border-color:#8aa9b9;background:#f2f7f9}.color-swatch{border-radius:4px}.color-layer-list>.empty-clips{border-radius:5px;border-color:#dce6eb;background:#f8fafb}.trim-live{border-color:#dae5eb;background:#f6f9fb;border-radius:6px;padding:12px;margin:16px 0 19px}.trim-live-caption{font-size:11px;color:#899eac}.trim-live-caption output{color:#50768e;font-size:12px}.trim-live-track{height:10px;background:#e4ecf1;border-radius:4px}.trim-live-track>span{border-radius:3px;background:#698da5}.trim-live.is-adjusting{border-color:#749cb5;box-shadow:0 0 0 2px #4b809912}
.timeline-editor{background:#f8fafb;border-top:1px solid #dce5e9;padding:16px 20px 20px}.timeline-heading{gap:8px;margin-bottom:12px}.timeline-heading h3{font-size:13px;font-weight:650;color:#5c7688;letter-spacing:-.15px}.timeline-heading>span{font-size:10px;color:#96a8b4}.timeline-heading output{font-size:11px;color:#7893a5;font-variant-numeric:tabular-nums}.timeline-heading .button{font-size:11px;min-height:33px;padding:6px 10px;border-radius:4px}.timeline-heading button[aria-pressed=true]{background:#3d657d;border-color:#3d657d;color:#fff}.timeline-grid{gap:5px 8px;grid-template-columns:86px minmax(0,1fr)}.track-label{min-height:42px;padding:0 9px;font-size:10px;font-weight:500;background:#edf2f5;border-left:2px solid #b4c8d6;color:#7992a4;border-radius:3px}.ruler-label{background:transparent;border:0;min-height:22px;color:#96aab8;font-size:10px}.timeline-ruler{font-size:10px;color:#9bafbd;height:22px}.timeline-lane{height:42px;border:1px solid #e1e9ef;border-radius:3px;background:repeating-linear-gradient(90deg,#fff 0,#fff calc(25% - 1px),#edf2f6 calc(25% - 1px),#edf2f6 25%)}.timeline-clip{height:30px;top:5px;border-radius:3px;padding:5px 7px;border-color:#c7d8e5;background:#e4edf5;color:#7b99b1;font-size:10px;box-shadow:none}.video-lane .video-section{background:#e7eff6;color:#7897b0;border-color:#cbdbe7;border-right:2px solid #9cb8cc}.video-section.selected{outline:2px solid #7b9db6;background:#dce9f3;outline-offset:-2px}.track-label.voice-label{color:#a48ab9;border-left-color:#d0bfdf}.track-label.sound-label{color:#88ac9c;border-left-color:#bdd9cb}.track-label.text-label{color:#bda773;border-left-color:#e1d0a6}.timeline-clip.voice{background:#eee7f7;border-color:#d7c8e8;color:#a28ab8}.timeline-clip.sound{background:#e9f5ef;border-color:#c7e1d3;color:#8aac99}.timeline-clip.text{background:#fbf3e1;border-color:#e8dab4;color:#b6a16c}.timeline-clip.look{background:#edf3f5;border-color:#cadde3;color:#89a4ad}.timeline-empty{font-size:10px;color:#b7c5cf}.timeline-lane:after,.timeline-ruler:after{background:#c9959f}.section-tools{padding:10px 12px;gap:7px;margin:9px 0 13px;border:1px solid #dce7ee;border-radius:5px;background:#f3f7fa}.section-tools strong{font-size:11px;color:#587b94;font-weight:650}.section-tools .button{font-size:10px;min-height:33px;padding:6px 9px;border-color:#d6e2eb;border-radius:4px;color:#7d96aa}.section-tools p{font-size:10px;color:#97aab8;line-height:1.65}.section-tools label{font-size:11px;color:#879fb1}.section-tools input{font-size:12px!important;padding:7px;border-color:#d4e1eb;border-radius:4px;color:#7193ab!important}.section-fine-trim summary{font-size:10px;color:#8ba3b5;min-height:33px}.original-status{font-size:10px;color:#8ba89a}.original-action{min-height:32px;padding:4px 8px;border-color:#d5e4dd;border-radius:4px;background:#f8fbf9;color:#83a28f;font-size:10px}.section-edge{background:#92adc15c!important}.section-edge:after{background:#668da8}.trim-drag-readout{border-radius:5px;background:#3f6881;font-size:11px;box-shadow:0 3px 12px #172b371a}.editor-note{letter-spacing:.1px}
dialog{border:1px solid #d5dfe5;border-radius:10px;background:#fff;color:#354b59;padding:26px;box-shadow:0 20px 70px #172b3726;max-width:calc(100vw - 28px)}dialog::backdrop{background:#1f2f3c70;backdrop-filter:blur(2px)}dialog h2{font-size:20px;letter-spacing:-.45px;margin-bottom:8px;padding-right:25px}dialog p{font-size:13px;line-height:1.65;color:#728796}.dialog-close{top:16px;right:16px;width:32px;height:32px;min-height:32px;border-radius:5px;color:#8b9da9}.legal-dialog[open]{display:flex;flex-direction:column;width:min(680px,calc(100vw - 28px));max-height:90dvh;overflow:hidden}.legal-dialog>h2,.legal-date,.legal-note,.legal-dialog>#termsDone{flex-shrink:0}.legal-date{font-size:11px;color:#98a7b1;margin-bottom:18px}.legal-copy{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding-right:14px;scrollbar-width:thin;scrollbar-color:#bacbd5 transparent}.legal-copy h3{font-size:14px;line-height:1.45;margin:20px 0 8px;color:#5b7485;font-weight:650}.legal-copy h3:first-child{margin-top:0}.legal-copy p{font-size:13px;line-height:1.75;color:#8095a4}.legal-note{font-size:11px!important;line-height:1.6!important;background:#f7f9fb;border:1px solid #e6edf2;border-radius:5px;padding:11px 12px;margin:16px 0;color:#97a9b6!important}.legal-dialog>#termsDone{min-height:40px}.provider-button{border-radius:6px;border-color:#d9e3e9;min-height:45px;color:#607e92}.auth-heading p,.tutorial-dialog p{font-size:13px;line-height:1.7;color:#8095a5}.auth-divider{font-size:11px;color:#a3b3bf}.auth-security{font-size:11px;color:#96a8b5}.save-preview{border:1px solid #dce5eb;border-radius:9px;background:#edf2f5}.save-copy h1{font-size:28px;letter-spacing:-.75px}.save-copy>p{font-size:14px;color:#8195a5}.save-specs>span{border-radius:4px;background:#eaf0f5;color:#819bad;font-size:11px}.processing-notice p,.consent{font-size:12px;color:#8399aa;line-height:1.7}#toast{background:#486c83;border-radius:7px;box-shadow:0 4px 16px #172b3718;font-size:12px}.review-receipts{border-radius:7px;border-color:#dce6ec}.review-receipts summary{font-size:13px;color:#607e92}
@media(min-width:1450px){.workspace{grid-template-columns:minmax(0,1fr) 410px}}
@media(max-width:760px), (max-width:960px) and (max-height:500px){.topbar{height:58px;padding-inline:16px}.brand{font-size:18px}.topbar nav{gap:6px}.topbar nav button{font-size:12px;min-height:36px}main{padding-inline:12px}.home-heading{padding:30px 4px 22px}.home-heading h1{font-size:28px}.home-heading>p{font-size:13px;max-width:320px}.upload-card{display:flex;align-items:stretch;text-align:left;padding:22px;gap:0}.upload-icon{width:44px;height:44px;margin-bottom:16px}.upload-card h2{font-size:18px;margin-bottom:7px}.upload-card>p{font-size:13px;margin-bottom:18px}.upload-card>.primary{width:100%;min-height:46px}.upload-card small{margin-top:11px}.upload-card>.text-button{align-self:center;margin-top:6px;min-height:38px}.privacy-note{padding:12px 3px 18px}.draft-grid{grid-template-columns:1fr;gap:10px}.draft-card{padding:14px}.section-heading h2{font-size:16px}.section-heading>p{font-size:11px}.editor-heading{padding:12px 0}.editor-actions{gap:6px}.editor-actions .button{font-size:12px;padding:9px 12px;min-height:40px}.workspace{border-radius:8px}.preview-column{min-height:0}.preview-top{min-height:52px;padding:7px 10px}.preview-top>input{font-size:13px!important}.preview-stage{height:260px;min-height:260px;flex:none;padding:10px 15px}.transport{min-height:52px;padding:6px 12px}.preview-foot{min-height:40px;padding:6px 15px}.edit-column{height:auto;max-height:none;overflow:visible;border-left:0;border-top:1px solid #dde6ec}.edit-intro{padding:17px 16px 13px}.edit-intro h2{font-size:18px}.tool-tabs{padding-inline:8px}.tool-tabs>button{min-height:48px;font-size:12px;gap:7px}.tool-panel{overflow:visible;padding:20px 17px;min-height:0}.field-label,.range-label,.switch-row{font-size:13px}select,input[type=number],input[type=email],input[type=text],textarea{font-size:16px!important}.record-button{min-height:48px;font-size:14px}.timeline-editor{padding:14px 12px 16px;overflow-x:visible}.timeline-heading .button{min-height:42px;font-size:11px;flex:1 1 105px}.timeline-heading>span{font-size:10px}.timeline-grid{grid-template-columns:70px minmax(0,1fr);gap:5px}.timeline-lane{height:44px}.track-label{min-height:44px;font-size:10px;padding-inline:5px}.ruler-label{min-height:22px}.timeline-clip{height:32px;top:5px;font-size:9px}.timeline-empty{font-size:9px}.section-tools{padding:11px;gap:7px}.section-tools .button{min-height:42px;font-size:11px}.section-tools strong{font-size:12px}.section-tools p{font-size:11px;line-height:1.6}.section-tools label{font-size:12px}.section-tools input{font-size:16px!important}.section-fine-trim summary{min-height:42px;font-size:11px}.original-action{min-height:36px;padding:4px 6px;font-size:10px}.original-status{font-size:9px}.editor-note{padding-inline:17px}.legal-dialog[open]{padding:22px;max-height:92dvh}.legal-copy{padding-right:10px}.legal-copy p{font-size:13px}.legal-note{font-size:10px!important}.draft-empty{padding:18px}.draft-empty button{font-size:12px}.trim-live{margin:15px 0 20px}.review-receipts{padding:14px}}
@media(prefers-reduced-motion:reduce){button,a,input,select,textarea,summary,.draft-card{transition:none}}
/* Contrast pass: quiet surfaces, readable labels. */
.edit-intro p{color:#71808b}.panel-title p,.hint,.compact,.empty-clips{color:#647986!important}.field-label,.range-label,.switch-row{color:#4d6472}.track-label{color:#607c8f}.track-label.voice-label{color:#8b6fa5}.track-label.sound-label{color:#648c79}.track-label.text-label{color:#9a8049}.timeline-clip,.video-lane .video-section{color:#54748d}.timeline-clip.voice{color:#82609f}.timeline-clip.sound{color:#5c8771}.timeline-clip.text{color:#91783f}.timeline-clip.look{color:#638590}.section-tools p{color:#728b9c}.section-tools .button{color:#58778e}.section-tools label,.section-fine-trim summary{color:#66869d}.original-action,.original-status{color:#608471}.timeline-empty{color:#9baebb}.legal-copy p{color:#536b7b}.legal-copy h3{color:#425e71}.legal-note{color:#738d9f!important}.processing-notice p,.consent{color:#607e92}.audio-card-head>button:first-child{color:#526d81}.audio-card small{color:#7c919f}.voice-fx-description{color:#6c8395}

.home-heading{max-width:none;width:100%;margin:0}.upload-card{max-width:none;width:100%;margin:0}.timeline-heading>span{font-size:11px;color:#687e8b}.track-label{font-size:11px}.timeline-clip{font-size:11px}.timeline-empty{font-size:11px;color:#869ca9}.timeline-ruler{color:#718896}.section-tools p{font-size:11px;color:#617d8e}.section-tools label,.section-fine-trim summary{color:#58778e}.original-status,.original-action{color:#587c67}@media(max-width:760px), (max-width:960px) and (max-height:500px){.track-label,.timeline-clip,.timeline-empty{font-size:10px}.timeline-heading>span{font-size:10px}.home-heading{padding-inline:3px}.original-status{font-size:9px}}

.provider-button svg{width:18px;height:18px;color:#8197a6;stroke-width:1.5}.shortcuts-button svg{width:19px;height:19px;color:#6e8798}#authEmail:disabled{background:#f8fafb;color:#9aa9b4;cursor:not-allowed}

/* Optional pre-post review, aligned with the editor controls. */
.creator-review{width:min(600px,calc(100vw - 32px));max-height:85dvh;overflow-y:auto;padding:28px}.creator-review h2{padding-right:28px}.creator-review-list{display:grid;gap:0;margin:18px 0 22px}.creator-review-list section{padding:18px 0;border-top:1px solid #e0e5eb}.creator-review-list h3{font-size:15px;margin:0 0 7px}.creator-review-list p{font-size:14px;line-height:1.6;color:#526071;margin:0 0 12px}.creator-review-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:600px){.creator-review{padding:22px}.editor-heading{align-items:flex-start}.editor-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.creator-review-list .button{min-height:44px}}

.text-starters{border:1px solid #dce2e9;border-radius:8px;padding:12px;margin-bottom:12px}.text-starters summary{font-weight:600;cursor:pointer;font-size:14px}.text-starter-grid,.text-reuse-actions{display:flex;flex-wrap:wrap;gap:8px}.text-starter-grid .button,.text-reuse-actions .button{flex:1 1 130px;font-size:13px;min-height:44px}.text-reuse-actions{margin:16px 0 8px}.footer-links a{color:inherit;text-decoration:none}

.nav-terms{font-size:13px;color:#41556d;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding:0 10px}.nav-terms:hover,.footer-links a:hover{text-decoration:underline}.footer-links{flex-wrap:wrap;align-items:center}.footer-links a{display:inline-flex;align-items:center;min-height:44px;color:#41556d}.auth-consent a{color:#1956a4;text-decoration:underline}.topbar nav{flex-wrap:nowrap}@media(max-width:480px){footer{flex-wrap:wrap;gap:12px}.footer-links{gap:14px}.nav-terms{font-size:12px;padding:0 7px}}

.draft-sync-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#edf5f0;border:1px solid #d2e4d8;border-radius:7px;color:#285340;font-size:12px;margin-top:12px}.draft-sync-status.sync-error{background:#fff7eb;border-color:#e8d7b7;color:#6a4d20}.draft-sync-status[hidden]{display:none}

/* EditUpload.io: final workspace refinement. */
:root{--ink:#182538;--muted:#586779;--line:#dce3eb;--primary:#235ac6}body{color:#182538;background:#f3f5f8;-webkit-font-smoothing:antialiased}.topbar{background:#fff;border-bottom:1px solid #dce3eb}.brand{font-weight:650;letter-spacing:-.65px;color:#17283f}.topbar nav button,.nav-terms{color:#45566e}.home-heading h1{font-weight:650;letter-spacing:-1px}.home-heading>p,.upload-card>p,.privacy-note,.section-heading>p{color:#586779}.upload-card{background:#fff;border:1px solid #d8e1eb;box-shadow:0 3px 12px #18253804}.upload-card small{color:#68778b}.workspace{border-color:#d6dfea;box-shadow:0 8px 30px #172c4808}.preview-column{background:#eaf0f5}.video-frame{box-shadow:0 8px 30px #18253824;border-color:#c4cfda}.edit-intro h2,.panel-title h3{color:#1c2c43;font-weight:650;letter-spacing:-.35px}.edit-intro p,.panel-title p,.hint,.input-note,.font-note{color:#586779;line-height:1.6}.panel-title p{font-size:13px}.font-note{font-size:12px;margin:9px 0 16px}.tool-tabs>button{font-weight:600;color:#5a6a80;font-size:13px}.tool-tabs>button[aria-selected=true]{background:#edf3ff;color:#204fa8;border-bottom-color:#3265c9}.field-label,.range-label,.switch-row{color:#334760}.button.primary{background:#235ac6;border-color:#235ac6;color:#fff;box-shadow:0 1px 2px #16356712}.button.primary:hover{background:#1b4dab;border-color:#1b4dab}.button.secondary{color:#354d6e;background:#fff;border-color:#cfdae7}.button.secondary:hover{background:#f1f5fc;border-color:#adbfda}.button:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #77a0ee;outline-offset:3px}.tool-panel input:not([type=range]):not([type=checkbox]),.tool-panel select,.tool-panel textarea{border-color:#ccd7e4;border-radius:7px;color:#243750;background:#fff}.clip-section-heading h4,.color-stack-heading{color:#334760}.audio-card,.color-layer-card,.text-starters{border-color:#d9e2ed;background:#fbfcfe}.timeline-heading h3{color:#344a68}.timeline-heading>span,.section-tools p{color:#5a6d85}.draft-open{color:#243c5c}.draft-body small,.draft-delete,footer{color:#66788f}.legal-copy p{color:#475a73}.legal-copy h3{color:#253e60}.record-button{background:#b74763;color:#fff;border-color:#b74763}.record-button:hover{background:#a83d58}.record-button:disabled{background:#e3d9dd;color:#806675;opacity:1;border-color:#d9ccd2}.save-copy>p,.processing-notice p,.consent{color:#53667d}.save-specs>span{color:#415c7f;background:#eaf0f8}.preview-foot,.editor-note{color:#59718e}.timeline-clip.selected{outline:2px solid #235ac6;outline-offset:1px}.draft-sync-status .text-button{min-height:36px;font-size:12px}@media(max-width:760px), (max-width:960px) and (max-height:500px){.tool-tabs>button{font-size:12px}.topbar nav{gap:3px}.privacy-note{font-size:12px;line-height:1.6}.editor-heading{gap:8px}.editor-actions .button{padding-inline:10px}.draft-sync-status{font-size:12px;align-items:flex-start;flex-wrap:wrap}.panel-title p{font-size:14px}}

/* Original source sound: editable waveform clips, separate from the picture. */
.original-tools{padding:14px 0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid #e0e5ec}.original-tools strong{margin-right:8px;font-size:13px}.original-tools .button{font-size:12px;min-height:38px;padding:8px 12px}.original-hint{flex-basis:100%;margin:2px 0 0;color:#5d697c;font-size:12px}.original-fine-fields{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0}.original-fine-fields input{width:120px}.original-tools details{font-size:12px}.original-lane{height:64px!important;min-height:64px!important;overflow:hidden;display:block!important;background:#edf5f3!important}.original-waveform{top:4px!important;height:54px!important;min-height:54px!important;background:#d1e8e2!important;border:1px solid #6fa395!important;touch-action:none;cursor:pointer;overflow:hidden}.original-waveform.selected{outline:2px solid #245ecc;outline-offset:-2px}.original-waveform svg{position:absolute;inset:4px 0;width:100%;height:44px;pointer-events:none}.original-waveform path{stroke:#307c68;stroke-width:1.2;fill:none}.original-waveform>span:not(.section-edge){position:absolute;top:3px;left:16px;font-size:10px;background:#eff8f0d9;padding:1px 4px;border-radius:3px;pointer-events:none}.original-waveform.audio-muted{opacity:.45}.original-waveform .section-edge{height:100%;top:0;background:#477d6933}.original-waveform.is-trimming{will-change:left,width;box-shadow:0 0 0 2px #245ecc;z-index:4}.original-tools summary{cursor:pointer;padding:8px}

.video-effects-panel{padding:18px 0;border-top:1px solid #e1e6ed;border-bottom:1px solid #e1e6ed;margin:18px 0}.video-effects-panel h3{margin:0 0 6px}.video-effect-rows{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.video-effect-row{padding:10px;border:1px solid #dbe2eb;border-radius:8px;background:#f8fafc;min-width:0}.video-effect-row.active{border-color:#8aa9e3;background:#f2f6ff}.effect-toggle{width:100%;min-height:40px;background:#fff;border:1px solid #d1dae7;border-radius:6px;font:inherit;font-weight:600;color:#25364d;cursor:pointer}.effect-toggle[aria-pressed=true]{background:#245cc5;color:#fff;border-color:#245cc5}.effect-strength{display:flex;justify-content:space-between;font-size:11px;color:#4b5d76;margin:12px 0 4px}.video-effect-row input{width:100%;accent-color:#245cc5}.effect-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.pixel-effect-preview{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;z-index:0}.effect-toggle:focus-visible{outline:2px solid #245cc5;outline-offset:3px}

/* Compact heading after removing repeated editor guidance. */
.edit-intro{padding:14px 20px 10px}.edit-intro h2{margin:0}

/* Panels scroll independently; headings and tabs stay in normal layout. */
.edit-intro,.tool-tabs{position:relative;top:auto}

@media(max-width:760px), (max-width:960px) and (max-height:500px){.color-layer-head{gap:4px}.color-layer-actions{gap:2px}.color-layer .layer-action{min-width:44px;min-height:44px;padding:8px}.color-timing-actions{display:flex;flex-wrap:wrap;gap:6px}.color-timing-actions button{min-height:44px;padding:9px 10px}.color-layer-timing summary{min-height:44px;padding-block:12px}.color-layer-strength{font-size:13px}.original-tools summary{min-height:44px;padding-block:12px}}

@media(max-width:760px), (max-width:960px) and (max-height:500px){.tool-panel button,.timeline-heading button,.section-tools button,.original-tools button{min-height:44px}.timeline-lane{min-height:56px}.timeline-clip{min-height:44px}}

.timeline-picker{display:flex;align-items:center;gap:8px;font-size:12px;color:#405675;min-width:220px;max-width:100%}.timeline-picker select{font:inherit;min-height:44px;max-width:100%;min-width:0;flex:1;padding:8px 10px;background:#fff;border:1px solid #cbd7e5;border-radius:7px;color:#273b57}.timeline-picker select:focus-visible{outline:3px solid #77a0ee;outline-offset:2px}@media(max-width:760px), (max-width:960px) and (max-height:500px){.timeline-picker{flex-basis:100%;width:100%;margin-top:4px}.timeline-picker select{font-size:16px}.timeline-clip{touch-action:pan-y}.timeline-clip .section-edge{touch-action:none}}

.timeline-picker{order:2}

.home-samples{margin:24px 0 32px}.home-samples h2{font-size:19px;margin:0 0 14px}.sample-card{display:grid;grid-template-columns:136px 1fr;gap:24px;align-items:center;padding:18px;background:white;border:1px solid #d9e2ed;border-radius:10px;max-width:620px}.sample-card video{display:block;width:100%;aspect-ratio:9/16;max-height:242px;border-radius:7px;background:#eaf0f5}.sample-card h3{font-size:18px;margin:0 0 8px}.sample-card p{margin:0 0 18px;font-size:13px;color:#63758b}.guest-button{margin-top:16px}.draft-thumb img{display:block;width:100%;height:100%;object-fit:contain;background:#eaf0f5}.home-samples video:focus-visible{outline:3px solid #77a0ee;outline-offset:3px}@media(max-width:760px), (max-width:960px) and (max-height:500px){.sample-card{grid-template-columns:112px minmax(0,1fr);padding:14px;gap:16px}.sample-card h3{font-size:16px}.sample-card p{font-size:12px;line-height:1.6}.sample-card .button{min-height:44px}.account-dialog .dialog-close{min-width:44px;min-height:44px}}

.sample-preview-toggle{display:block;min-height:44px;padding:8px 0;margin:0 0 6px;text-align:left}.sample-card p{margin-bottom:8px}

.mobile-editor-nav{display:none}
@media(max-width:760px), (max-width:960px) and (max-height:500px){
 body.mobile-editing{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}
 .mobile-editor-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;gap:4px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:#fffffff5;border-top:1px solid #d9e2ef;box-shadow:0 -4px 18px #233b5810;backdrop-filter:blur(12px)}
 .mobile-editor-nav-button{flex:1;min-width:0;min-height:52px;border:0;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;color:#64758e;font:600 11px/1.2 system-ui,sans-serif;cursor:pointer}
 .mobile-editor-nav-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mobile-editor-nav-button.active{background:#edf3ff;color:#245cc5}.mobile-editor-nav-button:last-child{color:#245cc5}.mobile-editor-nav-button:disabled{opacity:.45}.mobile-editor-nav-button:focus-visible{outline:3px solid #77a0ee;outline-offset:1px}
 #editorView[data-mobile-pane] .workspace{display:block;overflow:visible;border-radius:12px}
 #editorView[data-mobile-pane=preview] .edit-column,#editorView[data-mobile-pane=preview] .timeline-editor{display:none}
 #editorView[data-mobile-pane=tools] .timeline-editor{display:none}
 #editorView[data-mobile-pane=timeline] .edit-column{display:none}
 #editorView[data-mobile-pane=tools] .preview-column,#editorView[data-mobile-pane=timeline] .preview-column{position:sticky;top:0;z-index:12;background:#edf2f8;border-radius:11px 11px 0 0;border-bottom:1px solid #d9e2ed;box-shadow:0 3px 10px #24384e0a}
 #editorView:not([data-mobile-pane=preview]) .preview-stage{min-height:0;height:auto;padding:10px}
 #editorView:not([data-mobile-pane=preview]) .preview-top{padding:8px 12px}
 #editorView:not([data-mobile-pane=preview]) .preview-foot{display:none}
 #editorView:not([data-mobile-pane=preview]) .transport{padding:6px 12px}
 #editorView[data-mobile-pane] .preview-top .icon-button{min-width:44px;min-height:44px}
 .mobile-editing .editor-actions #nextSave{display:none}
 #editorView[data-mobile-pane] .timeline-editor{border-top:0;padding:14px 12px 18px;background:#fff;border-radius:0 0 12px 12px}
 #editorView[data-mobile-pane] .section-tools,#editorView[data-mobile-pane] .original-tools{border-radius:8px}
 .topbar .brand{min-height:44px}.topbar nav button,.topbar nav a{min-height:44px;display:inline-flex;align-items:center;padding:8px 10px}
 .upload-card{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:none;gap:10px 14px;padding:18px;text-align:left}
 .upload-card>*{grid-area:auto}.upload-card .upload-icon{grid-column:1;grid-row:1/3;width:44px;height:44px;margin:0}.upload-card>h2{grid-column:2;grid-row:1;margin:0}.upload-card>p{grid-column:2;grid-row:2;margin:0;font-size:13px}.upload-card #chooseVideo{grid-column:1/-1;grid-row:3;width:100%;margin-top:6px}.upload-card>small{grid-column:1/-1;grid-row:4;margin:0;font-size:11px}
}

@media(max-width:760px), (max-width:960px) and (max-height:500px){.mobile-editing #toast{bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:60}.mobile-editing .review-upload-status{bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:60}.mobile-typing #editorView .preview-stage,.mobile-typing #editorView .transport{display:none}.mobile-typing .mobile-editor-nav{display:none}.mobile-typing.mobile-editing{padding-bottom:24px}}

@media(max-width:760px), (max-width:960px) and (max-height:500px){.timeline-editor .section-tools:not(.has-selection),.timeline-editor .original-tools:not(.has-selection),.timeline-heading #joinSplits:disabled{display:none}}

.mobile-editor-done{display:none}@media(max-width:760px), (max-width:960px) and (max-height:500px){.mobile-typing .mobile-editor-done{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:56px;margin-left:auto;padding:8px 12px;border:1px solid #b8cce9;border-radius:7px;background:#edf3ff;color:#245cc5;font:600 14px system-ui,sans-serif}.mobile-typing .preview-top .history-buttons{display:none}.mobile-typing .preview-top input{min-width:0;flex:1}.mobile-typing .preview-top{display:flex;gap:8px}}

@media(max-width:960px) and (max-height:500px){#editorView[data-mobile-pane=tools] .preview-stage,#editorView[data-mobile-pane=timeline] .preview-stage{display:none}.mobile-editor-nav{padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))}.mobile-editor-nav-button{min-height:44px}}

/* Keep editable fields readable without iPhone focus zoom. */
@media(max-width:760px), (max-width:960px) and (max-height:500px){input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{font-size:16px!important}}

/* Let a swipe scroll the sound lane; only trim handles reserve the gesture. */
@media(max-width:760px), (max-width:960px) and (max-height:500px){.original-waveform{touch-action:pan-y}.original-waveform .section-edge{touch-action:none}}

/* The active split tool keeps its contrast while hovered or focused. */
#tapSplit[aria-pressed=true],#tapSplit[aria-pressed=true]:hover{background:#245cc5;border-color:#245cc5;color:#fff}

/* EditUpload — default dark workspace. */
:root{color-scheme:dark;--bg:#111418;--surface:#191e25;--raised:#202731;--line:#343e4b;--ink:#eef2f7;--muted:#a8b4c4;--accent:#83adff}
html,body{background:var(--bg);color:var(--ink)}h1,h2,h3,h4,.brand,.draft-open,.panel-title h3,.edit-intro h2{color:var(--ink)}p,.hint,.compact,.empty-clips,.input-note,.font-note{color:var(--muted)!important}.topbar{background:#151a20;border-color:var(--line)}.brand svg{color:var(--accent)}.topbar nav button,.topbar nav a,.back-button,.text-button,.inline-link,footer a,footer button{color:#b9cfff}.topbar nav button:hover{background:var(--raised)}
.upload-card,.sample-card,.draft-card,.draft-empty,.workspace,dialog,.edit-column,.tool-panel,.tool-tabs,.timeline-editor,.save-copy,.audio-card,.color-layer,.color-layer-card,.text-starters,.record-position,.video-effect-row{background:var(--surface);border-color:var(--line);box-shadow:none}.upload-icon{background:#26354b;color:#afc9ff}.home-heading{padding-top:40px}.home-heading h1{font-weight:650;letter-spacing:-.04em}.sample-card h3,.draft-card small,.draft-body small,.draft-delete,.section-heading h2,.color-stack-heading,.color-layer-head strong{color:var(--ink)}.draft-card:hover{border-color:#627796;background:#1d2530}.draft-empty{border-color:var(--line)}footer,.privacy-note,.privacy-note span{color:var(--muted)}
.preview-column,.preview-stage,.save-preview{background:#0d1014}.preview-top,#projectName{color:var(--ink)}.preview-top{border-color:var(--line)}.preview-foot,.transport>span{color:var(--muted)}.video-frame{box-shadow:0 8px 28px #0005}.history-buttons button,.icon-button{color:#b5c5db}.edit-column,.tool-tabs,.edit-intro,.more-tools,.extra-options,.audio-details,.video-effects-panel{border-color:var(--line)}.tool-tabs button{color:#aab9cc}.tool-tabs>button[aria-selected=true]{color:#c8d9ff;background:#273952;border-bottom-color:#89b0ff}.tool-tabs button:hover{background:#242e3d}.editor-note,.field-label,.range-label,.switch-row,.set-time,.color-layer-strength,.effect-strength,.clip-section-heading h4,.timeline-heading h3,.timeline-heading span,.timeline-heading output,.track-label{color:#bac7da}.tool-panel input:not([type=range]):not([type=checkbox]):not([type=color]),.tool-panel select,.tool-panel textarea,input[type=text],input[type=email],input[type=number],input[type=password],select,textarea{background:#12171e!important;color:var(--ink)!important;border-color:#455166!important}input::placeholder,textarea::placeholder{color:#8795a9}input[type=range]{accent-color:#8eb4ff}.button.secondary,.provider-button,.segments button,.look-options button,.format-options button,.sound-effects button,.effect-toggle,.color-timing-actions button,.layer-action,.timeline-picker select{background:#222b37;color:#dbe6f5;border-color:#445169}.button.secondary:hover,.provider-button:hover,.effect-toggle:hover,.look-options button:hover,.format-options button:hover,.sound-effects button:hover{background:#2c394b;border-color:#6d85aa}.button.primary{background:#9bbcff;color:#10213d;border-color:#9bbcff}.button.primary:hover{background:#bad0ff;border-color:#bad0ff}.button:disabled{opacity:.45}.provider-button:disabled{background:#202630!important;color:#96a5ba!important;border-color:#354052!important}.account-button{border-color:#445169!important}.segments button.selected,.look-options button.selected,.format-options button.selected,.effect-toggle[aria-pressed=true]{background:#314a70;color:#e4edff;border-color:#8baef0}.video-effect-row.active{background:#24334b;border-color:#6689c7}.color-layer-list>.empty-clips,.text-starters{background:#1b2431;border-color:#455166}.layer-action:disabled{opacity:.35}.color-layer-timing,.color-layer-timing summary,.original-tools,.section-tools{border-color:var(--line);color:var(--muted)}.record-button{background:#a93655!important;color:#fff!important}.voice-fx-description,.voice-fx-controls .field-label,.voice-fx-controls .range-label,.voice-fx-controls output,.voice-preview-note,.voice-strength-ends,.original-hint,.section-tools p{color:var(--muted)!important}
.timeline-editor{background:var(--surface);border-color:var(--line)}.timeline-lane,.track-label{background:#121820;border-color:#344254}.timeline-ruler{color:#b8c8df}.timeline-clip.video-section{background:#283d60;color:#e0ebff;border-color:#688ec8}.timeline-clip.look{background:#263f48;color:#d1e8ef;border-color:#5c8c9a}.timeline-clip.text{background:#443359;color:#edddff;border-color:#9272b6}.timeline-clip.voice{background:#23443c;color:#def5ea;border-color:#5c9c87}.timeline-clip.sound{background:#4c3e29;color:#f4e5c9;border-color:#a9905c}.timeline-empty{color:#8e9caf!important}.original-lane{background:#132822!important}.original-waveform{background:#244c40!important;border-color:#70a58e!important}.original-waveform path{stroke:#a6dac1}.original-waveform>span:not(.section-edge){background:#1b392fd9;color:#dcf5e7}.timeline-clip.selected{outline-color:#bbd0ff}.save-specs>span{background:#28384d;color:#cadcfa}.processing-notice,.error{background:#29202b;border-color:#684051}.processing-notice p,.consent,.save-copy>p{color:var(--muted)}.auth-heading p,.legal-copy p,.tutorial-dialog p,.auth-status{color:var(--muted)}.legal-copy h3{color:var(--ink)}dialog::backdrop{background:#05080cbb}.dialog-close{color:#bdcbe0}#toast{background:#e2eaff;color:#15233a;border:1px solid #b3c5e7}.review-upload-status{background:var(--raised);color:var(--ink);border-color:var(--line)}.trim-drag-readout{background:#dbe8ff;color:#15233a}.mobile-editor-nav{background:#171d26f5;border-color:#3b485d}.mobile-editor-nav-button{color:#aebed5}.mobile-editor-nav-button.active{background:#2b3e5d;color:#d6e5ff}.mobile-editor-nav-button:last-child{color:#aac7ff}#tapSplit[aria-pressed=true],#tapSplit[aria-pressed=true]:hover{background:#4269a8;border-color:#91b2ea;color:#fff}
@media(max-width:760px), (max-width:960px) and (max-height:500px){#editorView[data-mobile-pane] .timeline-editor{background:var(--surface)}#editorView[data-mobile-pane=tools] .preview-column,#editorView[data-mobile-pane=timeline] .preview-column{background:#131920;border-color:var(--line)}.mobile-typing .mobile-editor-done{background:#31496d;color:#e5eeff;border-color:#7899ce}}

.home-heading h1,.preview-top #projectName,.record-position output{color:var(--ink)!important}.edit-intro,.tool-tabs,.tool-tabs>button,.transport,.preview-foot{background:var(--surface)!important;border-color:var(--line)!important}.tool-tabs>button[aria-selected=true]{background:#273952!important;color:#d5e3ff!important}.tool-tabs>button:hover{background:#29374a!important}.preview-top #projectName{background:transparent!important}.account-button,.shortcut-button,.editor-actions>.icon-button{background:#222b37!important;color:#dbe6f5!important;border-color:#445169!important}.transport>span,.preview-foot{color:#b6c6db!important}.transport .icon-button{color:#c5d6ef}.record-position span{color:#a8bbd6}.look-options button,.format-options button{border-color:#455166}

.mobile-editor-nav-button.active:hover:not(:disabled){background:#2b3e5d;color:#d6e5ff}input[type=range]::-webkit-slider-runnable-track{background:#45566e}input[type=range]::-moz-range-track{background:#45566e}.legal-note{background:#222b37;color:#b8c9df}.sample-card video,.draft-thumb img{background:#0d1014}

.clip-property-disclosure{width:100%;border:1px solid #3c4e68;border-radius:9px;background:#1b2533}.clip-property-disclosure>summary{padding:12px 14px;min-height:48px;cursor:pointer;color:#d8e6ff;font-size:14px;font-weight:600;list-style:revert}.clip-property-body{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 12px 14px}.clip-property-body>strong{display:none}.clip-property-body>p{flex-basis:100%}.clip-property-body>.section-fine-trim{flex-basis:100%}.clip-property-body .button{flex:1 1 120px}.clip-property-body label{max-width:100%}

.section-tools,.original-tools{background:transparent!important;border-color:var(--line)}.section-tools.has-selection,.original-tools.has-selection{padding:8px 0}.clip-property-disclosure{overflow:hidden}.clip-property-disclosure[open]>summary{border-bottom:1px solid #3c4e68;margin-bottom:10px}

.effect-count{float:right;padding:3px 8px;border-radius:5px;background:#2b3e5d;color:#d3e3ff;font-size:11px;font-weight:600}.effect-count:empty{display:none}.effect-description{display:block;color:#b0bfd3;font-size:11px;line-height:1.4;margin:8px 0 2px}.video-effect-row{padding:12px}.effect-toggle{min-height:44px}.video-effects-panel>h3{display:flow-root}.video-effect-rows{gap:12px}
.effect-description{min-height:32px}.video-effect-row .effect-strength{margin-top:12px}

.effect-actions{display:grid;grid-template-columns:44px 44px minmax(0,1fr);gap:6px;margin-top:10px}.effect-actions button{min-height:44px;border:1px solid #506585;border-radius:7px;background:#27374e;color:#dce9ff;font-size:18px}.effect-actions button:last-child{font-size:12px}.effect-actions button:hover:not(:disabled){background:#354e72}.effect-actions button:disabled{opacity:.4}@media(max-width:420px){.effect-actions{grid-template-columns:1fr 1fr}.effect-actions button:last-child{grid-column:1/-1}}
.missing-audio-note{padding:10px 12px;border:1px solid #b87f45;border-radius:7px;background:#332719;color:#f0d5ac!important;font-size:13px!important;line-height:1.5}
.editing-terms-dialog{max-width:400px}.editing-terms-dialog h2{font-size:22px;margin:0 0 20px}.editing-terms-dialog .consent{margin:0;align-items:center;min-height:48px}.editing-terms-dialog .consent input{width:22px;height:22px;flex:none;accent-color:#9bbcff}.editing-terms-dialog a{color:#bdd2ff;text-underline-offset:3px}.editing-terms-dialog .dialog-actions button{min-height:46px}
.creators-view{max-width:980px;margin:28px auto 60px}.creators-view h1{margin:24px 0 8px}.creator-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.creator-grid article,.creator-link-card{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.creator-grid progress{margin:10px 0 14px}.creator-link-card input{display:block;width:100%;padding:12px;margin:8px 0 12px;border:1px solid #455166;border-radius:7px}.creators-view h2{font-size:20px}.creators-view .hint{line-height:1.7}@media(max-width:760px){.creator-grid{grid-template-columns:1fr;gap:12px}.creator-grid article,.creator-link-card{padding:18px}.creators-view{margin-top:16px}.creator-link-card .button{width:100%;min-height:46px}}
@media(max-width:760px){.topbar .account-button{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar nav{min-width:0}.topbar nav button[aria-label="Creator rewards"]{font-size:12px;padding-inline:8px}}
.creator-account-reference{display:block;margin-top:16px;font-size:12px;color:#adbed5}.creator-account-reference input{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #455166;border-radius:7px;font-size:13px}

.timeline-clip.look{touch-action:pan-y}.timeline-clip.look.is-moving{will-change:transform;z-index:4;opacity:.85;cursor:grabbing}

.timeline-jump{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:10px 0 14px}.timeline-jump label{font-size:12px;color:#acbbcf;display:grid;gap:4px}.timeline-jump input{width:130px;font-size:16px;min-height:44px;padding:8px;border:1px solid #44546a;border-radius:7px;background:#151c26;color:#edf2f8}.timeline-jump button{min-height:44px}

#authModeToggle{display:block;min-height:44px;text-align:left;margin:0 0 12px;padding:6px 0;font-size:14px}