@import url('../assets/reels-fonts/fonts.css?v=20260925_word_captions_794');
[data-route="reels"][hidden] { display:none !important; }

.reels-heading-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.reels-heading-actions svg {width:17px;height:17px}
[data-reels-root] .reels-projects-link {display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:10px 16px 10px 10px;border:1px solid #e1c97942;border-radius:15px;background:linear-gradient(130deg,#d9bc701a,#d9bc7006);color:#f2e7c8;font-size:13px;font-weight:650;white-space:nowrap;box-shadow:inset 0 1px 0 #fff06;transition:background .2s,border-color .2s}
.reels-projects-link > span:first-child {display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e1c97918;color:#e8ce88}
[data-reels-root] .reels-projects-link > svg {width:16px;height:16px;margin-left:8px;color:#c0ae7d}
[data-reels-root] .reels-projects-link:hover {border-color:#e1c97980;background:#d9bc7022}
[data-reels-root] .reels-projects-link:focus-visible {outline:2px solid #eed28b;outline-offset:4px}
.reels-edit-tip {display:flex;align-items:center;gap:15px;width:100%;padding:19px 20px;margin:22px 0 16px;border:1px solid #d7bd6b66;border-radius:17px;background:linear-gradient(120deg,#c7a54a20,#c7a54a08);color:#f6edce;text-align:left}
.reels-edit-tip-mark {display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:12px;background:#e4c878;color:#201d14;font-size:20px;font-weight:750}
.reels-edit-tip strong {display:block;font-size:14px;line-height:1.45}
.reels-edit-tip small {display:block;color:#c1baa5;font-size:12px;line-height:1.65;margin-top:6px}
.reels-edit-tip svg {width:20px;height:20px;flex:none;color:#ddc681}
.reels-edit-tip:focus-visible {outline:2px solid #eed28b;outline-offset:3px}
[data-reels-root] .reels-start-modes {align-items:stretch}
[data-reels-root] .reels-start-modes .reels-mode-example {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:start;gap:10px 16px;min-height:282px;padding:0 18px 0 0;background:#11120e}
[data-reels-root] .reels-mode-example video {display:block;position:static;grid-column:1;grid-row:1 / 4;align-self:center;justify-self:center;width:100%;max-width:166px;height:auto;aspect-ratio:9 / 16;object-fit:contain;pointer-events:none}
[data-reels-root] .reels-mode-example .reels-mode-mark {display:none}
[data-reels-root] .reels-mode-example > :not(video) {grid-column:2}
[data-reels-root] .reels-mode-example strong {margin:0;padding:0;font-size:18px}
[data-reels-root] .reels-mode-example > strong {margin-top:20px}
[data-reels-root] .reels-mode-example small {min-height:0;margin:0;color:#d2d2c7;font-size:11px}
[data-reels-root] .reels-mode-example .reels-mode-action {align-self:end;gap:6px;margin:8px 0 20px;padding-top:12px}
[data-reels-root] .reels-mode-example > .reels-comparison {grid-column:1;grid-row:1 / 4;align-self:center;justify-self:center;position:relative;display:block;width:100%;max-width:166px;overflow:hidden;border-radius:12px}
.reels-comparison video {transition:filter .3s}
.reels-translation-demo-language {position:absolute;top:10px;left:8px;right:8px;padding:6px;border:1px solid #ffffff25;border-radius:7px;background:#11150dcf;color:#f5e8c3;font-size:10px;letter-spacing:0;text-align:center}
.reels-translation-demo-caption {position:absolute;bottom:18px;left:7px;right:7px;padding:10px 4px;border-radius:8px;background:#10130de8;color:#fff;font-size:13px;font-weight:650;line-height:1.4;letter-spacing:0;white-space:pre-line;text-align:center}
.reels-translation-demo-languages {display:flex;gap:5px;margin-top:16px}
.reels-translation-demo-languages > span {padding:5px 7px;border:1px solid #ffffff18;border-radius:6px;color:#85877c;font-size:10px;transition:color .25s,background .25s,border-color .25s}
.reels-translation-demo-languages > .is-current {color:#f2df9f;background:#d5b75c22;border-color:#d5b75c66}
.reels-translation-demo-note {display:block;margin-top:12px;color:#a2a596;font-size:10px;line-height:1.6}
[data-reels-root] .reels-publication-example > .reels-publication-visual {grid-column:1;grid-row:1 / 4;position:relative;align-self:center;justify-self:center;width:100%;max-width:166px;aspect-ratio:9/16;overflow:hidden;border-radius:12px;background:#11120e}
[data-reels-root] .reels-publication-visual video {width:100%;max-width:none;height:100%;aspect-ratio:auto;object-fit:contain;transition:filter .6s}
.reels-publication-label {position:absolute;top:10px;left:8px;right:8px;padding:6px 4px;border:1px solid #ffffff25;border-radius:7px;background:#17131cd9;color:#fff;font-size:9px;line-height:1.4;text-align:center}
.reels-publication-covers {position:absolute;inset:0;display:block;pointer-events:none}
.reels-publication-covers > img {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#10130f;opacity:0;transition:opacity .65s,transform .65s;transform:scale(.95)}
.reels-publication-example[data-stage="cover-one"] .reels-publication-covers > img:first-child,
.reels-publication-example:is([data-stage="cover-two"],[data-stage="copy"]) .reels-publication-covers > img:last-child {opacity:1;transform:none}
.reels-publication-copy {position:absolute;left:10px;right:10px;bottom:12px;padding:11px;border:1px solid #ffffff3a;border-radius:9px;background:#f7f0df;color:#32281b;text-align:left;box-shadow:0 6px 20px #0004;transition:opacity .55s,transform .55s}
.reels-publication-copy b {display:block;color:#8b7455;font-size:6px;font-weight:700;letter-spacing:.1em;margin-bottom:3px}
.reels-publication-copy > span {display:block;font-size:11px;font-weight:750;letter-spacing:-.03em;line-height:1.3;margin-bottom:8px}
.reels-publication-copy i {display:block;height:3px;width:100%;border-radius:2px;background:#cabda8;margin-top:4px}
.reels-publication-copy i:last-child {width:70%}
.reels-publication-example:not([data-stage="copy"]) .reels-publication-copy {opacity:0;transform:translateY(12px)}
.reels-publication-example:not([data-stage="video"]) video {filter:brightness(.65)}
.reels-publication-deliverables {display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;color:#e8d499}
.reels-publication-deliverables > span {border-left:2px solid #d8bf7970;padding-left:8px;font-size:10px}
.reels-package-price {display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d8bf7925;padding-top:20px;margin-top:24px}
.reels-package-price > span {font-size:14px;color:#ded7c5}
.reels-package-price small {display:block;font-size:11px;color:#9da391;margin-top:5px;line-height:1.5}
.reels-package-price strong {white-space:nowrap;font-size:30px;color:#ead28b;letter-spacing:-.05em}
[data-publication-approval] .reels-field {display:flex;flex-direction:column;gap:12px;margin:20px 0}
[data-publication-approval] textarea {width:100%;min-height:130px;resize:vertical}
[data-publication-approval] button {margin-bottom:12px}
.studio-publication-text {padding:18px 0;border-top:1px solid #d8bf7925}
.studio-publication-text p {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.studio-publication-text small,.studio-publication-text strong {display:block}
.studio-publication-text small {color:#b5aa86;margin-bottom:6px}
.studio-publication-covers {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.studio-publication-covers h3 {grid-column:1/-1}
.studio-publication-covers a {display:flex;flex-direction:column;gap:10px!important;white-space:normal!important;text-align:left}
.studio-publication-covers img {width:100%;max-height:320px;object-fit:contain;border-radius:10px}
.studio-publication-result .studio-project-detail-media {align-self:start;position:sticky;top:90px;min-height:0;padding-top:24px;padding-bottom:24px}
.studio-publication-text a,.studio-publication-covers a {display:flex;align-items:center;justify-content:center;min-height:44px;padding:14px;border:1px solid #d8bf7938;border-radius:12px;color:#ead8a1;text-decoration:none;font-size:12px;line-height:1.5}
.studio-publication-recommendation {padding:16px;border:1px solid #d8bf7938;border-radius:12px;color:#bdb8a9;line-height:1.6;font-size:12px}
.studio-publication-recommendation b {color:#ead8a1}
@media(max-width:900px) {.studio-publication-result .studio-project-detail-media {position:static}}
@media(prefers-reduced-motion:reduce) {.reels-publication-visual * {transition:none!important}}
[data-reels-root] .reels-voice-example > .reels-voice-visual {grid-column:1;grid-row:1 / 4;position:relative;align-self:center;justify-self:center;width:100%;max-width:166px;overflow:hidden;border-radius:12px}
[data-reels-root] .reels-voice-visual video {width:100%;height:auto;display:block}
[data-reels-root] .reels-voice-phrase {position:absolute;bottom:12px;left:6px;right:6px;display:block;padding:9px 4px;border:1px solid #ffffff25;border-radius:9px;background:#10130dbd;color:#fff;font-size:11px;line-height:1.3;letter-spacing:0;text-align:center;text-shadow:0 1px 3px #000}
[data-reels-root] .reels-voice-example small {min-height:0}
[data-reels-root] .reels-voice-waves {display:grid;gap:8px;margin-top:12px}
.reels-voice-waves > span {display:block;padding:7px 8px;border:1px solid #ffffff0e;border-radius:9px;color:#949889;background:#ffffff03}
.reels-voice-waves > span > span {display:block;font-size:9px;line-height:1.35;letter-spacing:0;margin-bottom:3px}
[data-reels-root] .reels-voice-waves svg {position:static;display:block;width:100%;height:21px;color:inherit}
.reels-voice-waves > [data-wave="result"] {color:#a9daba;background:linear-gradient(100deg,#81c69a14,#81c69a04);border-color:#81c69a2e}
.reels-comparison.is-removed video {filter:saturate(.4) brightness(.65)}
.reels-comparison-label {position:absolute;left:7px;right:7px;bottom:9px;padding:7px 4px;border-radius:7px;border:1px solid #ffffff24;background:#11150dde;backdrop-filter:blur(8px);color:#f7f2e4;text-align:center;font-size:10px;font-weight:650;line-height:1.3}
.reels-comparison.is-removed .reels-comparison-label {background:#5d2b23ed;color:#ffddd3}
[data-reels-root] .reels-comparison-durations {display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:15px;font-weight:650;letter-spacing:-.025em;color:#eddaad;white-space:nowrap}
.reels-comparison-durations > span {color:#7f8272;font-weight:400}
.reels-comparison-timeline {position:relative;display:flex;gap:2px;height:7px;margin:16px 0 7px;border-radius:3px;overflow:hidden}
.reels-comparison-kept {width:71.868%;background:#c5bd7a}
.reels-comparison-removed {flex:1;background:repeating-linear-gradient(120deg,#935b4d 0px,#935b4d 3px,#4e342d 3px,#4e342d 6px)}
.reels-comparison-timeline > i {position:absolute;top:0;bottom:0;left:0;width:2px;background:#fff;box-shadow:0 0 4px #0008}
.reels-comparison-legend {display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#beb995}
.reels-comparison-legend > :last-child {color:#c18d7f}
.reels-pause-demo-tracks {display:grid;gap:5px;margin-top:12px;color:#b7b4a4;font-size:9px}
.reels-pause-demo-track {display:flex;gap:3px;height:9px;margin-bottom:6px;width:100%}
.reels-pause-demo-track i {flex:2;background:#ccb979;border-radius:2px}
.reels-pause-demo-track i:last-child {flex:2.8}
.reels-pause-demo-track b {flex:1.25;background:repeating-linear-gradient(120deg,#ab6a56 0 3px,#4b342b 3px 6px);border-radius:2px}
.reels-pause-demo-track.is-after {width:73%;transition:filter .3s}
.reels-pause-demo-track.is-after i {background:#8dbda0}
.reels-pause-example[data-phase="after"] .reels-pause-demo-track:not(.is-after) {opacity:.45}
.reels-pause-example[data-phase="after"] .reels-comparison-label {color:#c3eed1;border-color:#8dbda05c}
.reels-pause-example.is-pause .reels-comparison-label {background:#583123eb;color:#ffdac8}
.reels-pause-example.is-pause video {filter:saturate(.5) brightness(.7)}
.studio-project-transcript {margin:18px 0;padding:16px 18px;border:1px solid #ffffff1c;border-radius:14px;color:#cbc9be;font-size:13px;line-height:1.7}
.studio-project-transcript summary {cursor:pointer;color:#e5d19a;font-weight:650}
.studio-project-transcript p {white-space:pre-wrap;max-height:320px;overflow:auto}
.studio-project-output-list {display:grid;gap:10px;margin:16px 0}
@media(max-width:600px) {.reels-edit-tip {padding:15px;gap:12px}.reels-edit-tip > svg {display:none}.reels-edit-tip-mark {flex-basis:36px;height:36px}}
[data-jobs-count] {min-width:22px;padding:3px 7px;border-radius:20px;background:#dfc67d20;color:#ead595;font-size:12px}
.reels-tasks-dialog {box-sizing:border-box;width:min(720px,calc(100% - 32px));max-height:80dvh;padding:28px;color:#f5f1e8;background:#141510;border:1px solid #d6bd7345;border-radius:24px;box-shadow:0 28px 100px #0009;font-family:inherit}
.reels-tasks-dialog::backdrop {background:#000a;backdrop-filter:blur(8px)}
.reels-tasks-dialog > header {display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}
.reels-tasks-dialog h2 {font-size:26px;letter-spacing:-.035em;margin:8px 0}
.reels-tasks-dialog p {color:#a3a596;font-size:13px;line-height:1.6;margin:0}
.reels-tasks-dialog .reels-history {display:grid;gap:10px;margin:0}
.reels-task-state {font-size:12px;color:#bab7a6;white-space:nowrap}
.reels-task-state[data-state="ready"] {color:#a0c5a7}
.reels-task-state[data-state="rendering"] {color:#eed389}
.reels-task-state[data-state="failed"] {color:#e0a798}
[data-reels-root] .reels-appearance-grid .reels-field {display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0}
[data-reels-root] .reels-appearance-grid .cv-select-control {display:block;width:100%;margin:0}
[data-reels-root] .reels-appearance-grid .cv-select-trigger {min-height:46px;line-height:1.3;padding:12px 16px}
@media(max-width:600px) {.reels-heading {flex-wrap:wrap}.reels-heading-actions {justify-content:flex-start}.reels-tasks-dialog {padding:20px}.reels-tasks-dialog .reels-history button {flex-wrap:wrap;gap:8px}}
.cv-reels-view { max-width:1520px; padding-top:34px; }
[data-reels-root] { --reels-border:rgba(234,218,172,.13); font-family:inherit; color:var(--text,#f5f1e8); }
[data-reels-root] [hidden] { display:none !important; }
[data-reels-root] button,[data-reels-root] a { -webkit-tap-highlight-color:transparent; }
[data-reels-root] button { font-family:inherit; cursor:pointer; }
[data-reels-root] button:disabled { opacity:.38; cursor:not-allowed; }
[data-reels-root] svg { width:20px; height:20px; flex-shrink:0; }
.reels-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:28px; }
.reels-eyebrow { font-size:10px; font-weight:750; letter-spacing:.16em; color:#d8bf79; }
.reels-heading h1 { margin:13px 0 10px; font-size:clamp(30px,3.1vw,46px); line-height:1.08; font-weight:750; letter-spacing:-.055em; }
.reels-heading p { margin:0; color:#929589; font-size:14px; line-height:1.6; max-width:540px; }
.reels-preview-badge { display:inline-flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid var(--reels-border); border-radius:30px; font-size:10px; white-space:nowrap; color:#a6ad9c; margin-top:3px; }
.reels-preview-badge i { width:5px; height:5px; border-radius:100%; background:#88a68b; }
.reels-steps { display:flex; align-items:center; gap:14px; margin-bottom:30px; max-width:620px; }
.reels-steps > span { display:flex; gap:9px; align-items:center; color:#737769; font-size:12px; white-space:nowrap; }
.reels-steps b { font-size:10px; width:25px; height:25px; display:grid; place-items:center; border:1px solid var(--reels-border); border-radius:8px; color:#aaa38b; }
.reels-steps .is-current { color:#dcd5c4; }
.reels-steps .is-current b { background:#e8ca6b13; border-color:#e8ca6b36; color:#e8ca6b; }
.reels-steps > i { height:1px; background:linear-gradient(90deg,#d6bb6d38,#d6bb6d0c); flex:1; }
.reels-layout { display:grid; grid-template-columns:minmax(0,1fr) 302px; gap:28px; align-items:start; }
.reels-controls { display:grid; gap:20px; min-width:0; }
.reels-panel { border:1px solid var(--reels-border); border-radius:20px; background:linear-gradient(140deg,#181a131f,#10120de8); padding:24px; min-width:0; }
.reels-panel > header { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:22px; }
.reels-panel h2 { font-size:21px; letter-spacing:-.035em; font-weight:700; line-height:1.2; margin:7px 0 0; }
.reels-tag { display:inline-flex; border:1px solid #ebe2c517; border-radius:20px; padding:6px 9px; color:#9e9e8c; font-size:10px; white-space:nowrap; }
.reels-upload { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; width:100%; min-height:226px; border:1px dashed #e7c66b50; border-radius:16px; background:radial-gradient(ellipse at 50% 0,#e8ca6b08,transparent 65%),#0b0e09; color:var(--text); transition:border-color .15s,background .15s; }
.reels-upload:hover,.reels-upload.is-dragging { border-color:#e8ca6b; background:#e8ca6b08; }
.reels-upload-icon { display:grid; place-items:center; width:48px; height:48px; background:linear-gradient(135deg,#ead1931f,#e8ca6b06); border:1px solid #e8ca6b40; border-radius:14px; color:#e9d08a; margin-bottom:4px; }
.reels-upload strong { font-weight:650; font-size:16px; letter-spacing:-.02em; }
.reels-upload > span:not(.reels-upload-icon) { color:#9a9d91; font-size:12px; }
.reels-upload small { color:#686e60; font-size:10px; margin-top:8px; }
.reels-access { padding:24px; border:1px solid #e8ca6b30; border-radius:16px; background:#e8ca6b08; }
.reels-access > strong { font-size:16px; font-weight:650; line-height:1.4; }
.reels-access > p { margin:10px 0 18px; max-width:52ch; color:#a7ac9b; font-size:13px; line-height:1.6; }
.reels-access > div { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.reels-example-row { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:15px; }
.reels-example-row > span { font-size:11px; color:#7a8072; }
.reels-text-button { display:inline-flex; align-items:center; gap:8px; border:0; padding:5px 0; background:none; color:#dfc98b; font-size:11px; font-weight:650; }
.reels-text-button svg { width:15px; height:15px; }
[data-source-summary] { display:flex; align-items:center; gap:13px; padding:15px; background:#080b07; border:1px solid #e8ca6b24; border-radius:13px; }
.reels-source-icon { width:38px; height:42px; color:#d6bd7c; display:grid; place-items:center; background:#ddc7800b; border-radius:9px; }
[data-source-summary] > div { flex:1; min-width:0; display:grid; gap:7px; }
[data-source-summary] strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
[data-source-summary] small { color:#939485; font-size:10px; }
.reels-icon-button { width:34px; height:34px; flex-shrink:0; display:grid; place-items:center; padding:6px; border:1px solid var(--reels-border); background:#e8ca6b05; border-radius:9px; color:#c8bd9f; }
.reels-source-list { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.reels-source-list:empty { margin:0; }
.reels-source-list > span { width:100%; color:#6e7565; font-size:10px; margin-bottom:3px; }
.reels-source-list button { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px solid #aaa17b25; border-radius:8px; padding:7px 10px; background:transparent; color:#9a9d8f; font-size:10px; }
.reels-source-list button[aria-pressed=true] { color:#e1ce91; border-color:#e8ca6b4d; }
.reels-upload-progress { display:grid; gap:7px; margin-top:12px; color:#a7ac9b; font-size:11px; }
.reels-upload-progress progress { width:100%; height:4px; accent-color:#e8ca6b; }
.reels-description { margin:-7px 0 18px; font-size:12px; color:#8a9280; line-height:1.7; }
.reels-empty-clips { display:flex; align-items:center; gap:14px; padding:16px; border:1px solid #e8ca6b12; border-radius:12px; color:#929781; background:#ffffff02; }
.reels-empty-clips > span { font-size:25px; font-weight:400; color:#d7c38547; }
.reels-empty-clips p { font-size:12px; line-height:1.8; margin:0; }
.reels-empty-clips small { color:#687360; font-size:11px; }
.reels-clips { display:grid; gap:8px; }
[data-mode="clips"] .reels-clips-panel {display:flex;flex-direction:column;gap:20px}
[data-mode="clips"] .reels-clips-panel > * {margin:0;flex-shrink:0}
[data-mode="clips"] [data-clips-availability] {font-size:12px;line-height:1.7;padding:16px 18px;border-radius:12px;background:#e8ca6b08;border:1px solid #e8ca6b20}
.reels-highlight-result {display:flex;gap:16px;padding:18px;border:1px solid var(--reels-border);border-radius:14px;background:#ffffff02;min-width:0}
.reels-highlight-result > span {color:#dcca97;font-size:18px}
.reels-highlight-result > div {display:grid;gap:8px;min-width:0}
.reels-highlight-result strong {white-space:normal;overflow-wrap:anywhere;font-size:14px}
.reels-highlight-result p {margin:0;color:#a6ad9c;font-size:12px;line-height:1.7}
.reels-clips > button { display:flex; gap:13px; align-items:center; min-width:0; width:100%; padding:13px 14px; border:1px solid var(--reels-border); border-radius:12px; background:#0b0e09; color:var(--text); text-align:left; }
.reels-clips > button.is-selected { background:linear-gradient(110deg,#e8ca6b0f,#e8ca6b02); border-color:#e8ca6b60; }
.reels-clips > button > span { display:grid; place-items:center; width:29px; height:34px; color:#dcca97; border-right:1px solid #e8ca6b24; padding-right:10px; font-size:12px; }
.reels-clips > button > div { display:grid; gap:6px; flex:1; min-width:0; }
.reels-clips strong { font-weight:600; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.reels-clips small { font-size:10px; color:#969783; font-variant-numeric:tabular-nums; }
.reels-clips svg { width:15px; height:15px; color:#dcca9759; }
.reels-editor-heading { display:flex; align-items:center; justify-content:space-between; margin:20px 0 14px; }
.reels-editor-heading strong { font-size:11px; color:#b9b99e; font-weight:550; }
.reels-delete { color:#9b9a88; font-weight:500; }
.reels-field { display:block; color:#a1a791; font-size:11px; font-weight:500; }
.reels-field > small { color:#636e5c; font-weight:400; margin-left:6px; }
.reels-field input:not([type=range]),.reels-field textarea,.reels-cue-list textarea { margin-top:8px; display:block; width:100%; min-height:40px; padding:11px 12px; border:1px solid #dac98e2d; border-radius:9px; background:#090c07; color:#dddacb; font-family:inherit; font-size:13px; line-height:1.5; }
.reels-field textarea { resize:vertical; }
.reels-field input::placeholder,.reels-field textarea::placeholder { color:#505948; font-size:12px; }
.reels-time-fields { display:grid; grid-template-columns:1fr 16px 1fr 36px; gap:10px; align-items:end; margin-top:15px; }
.reels-time-fields > span { align-self:center; color:#6b725d; margin-top:18px; }
.reels-time-fields .reels-icon-button { height:42px; width:36px; }
.reels-scrubber { display:grid; gap:5px; margin:16px 0 18px; }
.reels-scrubber label { color:#7a846c; font-size:10px; display:flex; align-items:center; gap:12px; }
.reels-scrubber input { flex:1; min-width:0; accent-color:#d9bf78; height:14px; }
.reels-add { margin-top:12px; width:100%; display:flex; align-items:center; justify-content:center; gap:7px; min-height:40px; border:1px dashed #d8c58030; border-radius:10px; background:transparent; color:#bbb89c; font-size:12px; }
.reels-add svg { width:15px; }
.reels-ai-note { margin-top:18px; padding-top:17px; border-top:1px solid #d8c58014; display:flex; align-items:flex-start; gap:13px; }
.reels-ai-note > span { flex-shrink:0; color:#a39f81; font-size:9px; padding:5px 7px; border:1px solid #d8c58025; border-radius:6px; }
.reels-ai-note p { margin:0; color:#747f68; font-size:10px; line-height:1.7; }
.reels-choice { padding:0; border:0; margin:0 0 22px; min-width:0; }
.reels-choice legend { font-size:12px; color:#b6bda7; margin-bottom:12px; }
.reels-choice > div { display:flex; gap:9px; }
.reels-choice button { min-width:0; flex:1; display:flex; align-items:center; flex-direction:column; gap:7px; border:1px solid var(--reels-border); border-radius:12px; padding:15px 8px; background:#080b07; color:#878f78; transition:border-color .15s,color .15s; }
.reels-choice button[aria-pressed=true] { color:#ebd395; border-color:#e8ca6b70; background:#e8ca6b07; }
.reels-choice b { font-size:12px; font-weight:600; }
.reels-choice small { font-size:10px; color:#687760; }
.reels-frame-icon { display:block; width:21px; height:30px; border:1.5px solid currentColor; border-radius:4px; margin-bottom:2px; background:#e8ca6b16; }
.reels-frame-icon.is-fit { background:linear-gradient(transparent 30%,#e8ca6b26 30% 70%,transparent 70%); }
.reels-position { margin:-5px 0 22px; }
.reels-position input { width:100%; accent-color:#d9bf78; display:block; margin-top:13px; }
.reels-position > span { display:flex; justify-content:space-between; margin-top:8px; color:#69745d; }
.reels-caption-choice > div { display:grid; grid-template-columns:repeat(auto-fit,minmax(95px,1fr)); gap:8px; }
.reels-caption-choice button { justify-content:space-between; min-height:98px; gap:14px; }
.reels-caption-choice button span { font-size:15px; line-height:1.35; letter-spacing:-.03em; margin-top:4px; }
.reels-caption-choice button b { font-size:10px; font-family:inherit; }
.reels-caption-choice .is-box { padding:3px 5px; border-radius:3px; background:#000b; }
.reels-caption-off { margin:-6px 0 20px; }
.reels-caption-off[aria-pressed=true] { border-color:#e8ca6b80; color:#efdba5; }
.reels-caption-basics { padding:20px; margin:0 0 20px; border:1px solid #d9bd6940; border-radius:14px; background:linear-gradient(120deg,#d9bd690c,transparent); }
.reels-caption-basics .reels-fonts { margin:0 0 16px; }
.reels-word-count { display:flex; flex-wrap:wrap; gap:6px; }
.reels-word-count button { min-width:38px; min-height:38px; }
.reels-size-control { font-size:13px; color:#ede4ce; }
.reels-size-control output { float:right; font-variant-numeric:tabular-nums; color:#edd383; }
.reels-size-control input { display:block; width:100%; margin-top:15px; accent-color:#edd383; }
.reels-word-editor { margin:0 0 24px; }
.reels-word-list { display:flex; flex-wrap:wrap; gap:7px; padding:5px 0 16px; }
.reels-word-list button,.reels-emoji-row button { border:1px solid var(--reels-border); border-radius:9px; padding:8px 11px; background:#ffffff04; color:#dcded5; font-size:13px; overflow-wrap:anywhere; max-width:100%; }
.reels-word-list button[aria-pressed=true] { background:#ead18d18; border-color:#ead18d; color:#ffe3a0; }
.reels-word-list button.is-deleted { text-decoration:line-through; opacity:.5; }
.reels-word-pagination,.reels-word-actions { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:4px 0 16px; font-size:12px; color:#adb39e; }
[data-word-fields] { padding-top:18px; border-top:1px solid var(--reels-border); display:grid; gap:18px; }
[data-word-fields] select { width:100%; margin-top:8px; padding:10px; color:#eee7d6; background:#10130d; border:1px solid var(--reels-border); border-radius:9px; font:inherit; font-size:13px; }
.reels-emoji-row { display:flex; gap:8px; flex-wrap:wrap; }
.reels-emoji-row button { font-family:'Noto Emoji',sans-serif; font-variant-emoji:text; color:#edd383; }
.reels-word-editor .reels-description { margin:0; }
[data-reels-root] .reels-caption-word { display:inline-block; padding:0; margin:0; border:0; border-radius:0; background:transparent; font:inherit; color:inherit; line-height:inherit; letter-spacing:inherit; text-decoration:inherit; text-shadow:inherit; -webkit-text-stroke:inherit; paint-order:stroke fill; white-space:nowrap; pointer-events:auto; }
[data-reels-root] .reels-caption-word.is-selected { outline:1px dashed #ffe09a; outline-offset:3px; }
[data-reels-root] button:focus-visible,[data-reels-root] select:focus-visible { outline:2px solid #edd383; outline-offset:3px; }
.reels-font-settings { margin-bottom:20px; }
.reels-font-settings .reels-disclosure-body { display:grid; gap:22px; }
.reels-appearance-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px 24px; }
.reels-appearance-grid .reels-field { margin:0; gap:8px; }
.reels-appearance-grid output { font-size:11px; color:#e8cf90; font-variant-numeric:tabular-nums; }
.reels-appearance-grid input[type=range] { width:100%; accent-color:#e8cf90; }
.reels-appearance-grid input[type=color] { width:42px; height:34px; background:#10130d; border:1px solid var(--reels-border); border-radius:8px; padding:3px; }
.reels-type-toggles { display:flex; flex-wrap:wrap; gap:10px; }
.reels-type-toggles label { display:flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid var(--reels-border); border-radius:8px; font-size:12px; color:#c9ccbd; }
.reels-type-toggles input,.reels-pauses input { accent-color:#e8cf90; }
.reels-save-style { display:flex; align-items:end; gap:12px; }
.reels-save-style .reels-field { flex:1; margin:0; min-width:0; }
.reels-saved-styles { display:flex; flex-wrap:wrap; gap:8px; }
.reels-saved-styles > div { display:flex; gap:4px; }
.reels-pauses { margin-top:20px; }
.reels-pause-settings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:20px; }
.reels-pause-settings .reels-field { padding:20px; margin:0; border:1px solid var(--reels-border); border-radius:18px; background:rgba(232,207,144,.035); }
.reels-pause-settings output { display:block; margin:12px 0; color:#e8cf90; font-size:26px; font-weight:600; }
.reels-pause-settings small { display:block; margin-top:12px; color:#a5a797; font-size:12px; line-height:1.6; }
.reels-pause-settings input[type="range"] { width:100%; }
.reels-pauses [data-detect-pauses] { width:100%; }
@media(max-width:600px) { .reels-pause-settings { grid-template-columns:1fr; } }
.reels-pauses [data-pause-status] { font-size:12px; line-height:1.7; color:#b8bba9; }
.reels-pauses [data-pause-list] { max-height:250px; overflow:auto; }
.reels-pauses [data-pause-list] label { display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid var(--reels-border); font-size:12px; }
.reels-pauses [data-pause-list] button { margin-left:auto; }
@media(max-width:600px) { .reels-save-style { flex-wrap:wrap; } .reels-appearance-grid { gap:18px 12px; } }
.reels-fonts,.reels-voice-filters fieldset { padding:0; margin:0; border:0; min-width:0; }
.reels-fonts { flex:1; }
.reels-fonts legend,.reels-color-field > span:first-child,.reels-voice-filters legend { font-size:11px; color:#aeb89f; margin-bottom:10px; display:block; }
.reels-fonts > div,.reels-voice-filters fieldset > div { display:flex; flex-wrap:wrap; gap:6px; }
.reels-fonts button,.reels-voice-filters button { background:#0b0e09; border:1px solid var(--reels-border); border-radius:8px; color:#b5bda7; padding:9px 12px; font-size:12px; }
.reels-fonts button[aria-pressed=true],.reels-voice-filters button[aria-pressed=true] { border-color:#e8ca6b70; color:#e8cf90; background:#e8ca6b0a; }
.reels-color-control { display:flex; align-items:center; gap:8px; padding:5px 9px; border:1px solid var(--reels-border); border-radius:9px; background:#0b0e09; }
.reels-color-control input { border:0; padding:0; background:transparent; width:28px; height:26px; cursor:pointer; }
.reels-color-control output { color:#cbd0bf; font-size:10px; font-variant-numeric:tabular-nums; }
.reels-style-sample { background:radial-gradient(ellipse at top right,#ad986c21,transparent 70%),#090c08; border:1px solid var(--reels-border); border-radius:12px; padding:27px 18px; text-align:center; margin-bottom:18px; }
.reels-style-sample > span { font-size:22px; line-height:1.4; paint-order:stroke fill; white-space:pre-line; overflow-wrap:anywhere; }
.reels-recognition-note { margin:0 0 16px; font-size:11px; }
.reels-disclosure { min-width:0; }
.reels-disclosure > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; cursor:pointer; list-style:none; }
.reels-disclosure > summary::-webkit-details-marker { display:none; }
.reels-disclosure > summary > span { display:grid; gap:7px; min-width:0; }
.reels-disclosure > summary strong { color:#e4e3d5; font-size:14px; font-weight:650; }
.reels-disclosure > summary small { color:#9da68f; font-size:11px; line-height:1.55; }
.reels-disclosure > summary i { width:8px; height:8px; border-right:1.5px solid #d5c188; border-bottom:1.5px solid #d5c188; transform:rotate(45deg); flex-shrink:0; margin:0 4px 5px; }
.reels-disclosure[open] > summary i { transform:rotate(225deg); margin-bottom:0; }
.reels-disclosure > summary:focus-visible { outline:2px solid #e8ca6b; outline-offset:6px; border-radius:5px; }
.reels-disclosure-body { padding-top:22px; }
.reels-expanded-settings { min-width:0; scroll-margin-top:90px; }
.reels-expanded-settings > header { display:grid; gap:7px; }
.reels-expanded-settings h3 { margin:0; color:#e4e3d5; font-size:14px; font-weight:650; }
.reels-expanded-settings > header p { margin:0; color:#9da68f; font-size:11px; line-height:1.55; }
.reels-trim,.reels-transcript,.reels-timing { border:1px solid var(--reels-border); border-radius:12px; padding:16px; margin:18px 0; background:#080b074d; }
.reels-trim .reels-scrubber { margin-bottom:0; }
.reels-transcript .reels-subtitles { padding-top:0; border-top:0; }
.reels-voices { padding:22px; }
.reels-voice-filters { display:flex; flex-wrap:wrap; gap:18px 24px; margin:18px 0 22px; }
.reels-voice-grid { max-height:590px; overflow:auto; scrollbar-gutter:stable; padding:2px 6px 3px 2px; }
.reels-voice-card small { display:block; margin-top:9px; color:#7e8c73; font-size:10px; }
.reels-subtitles { padding:16px 0; border-block:1px solid #dac98e14; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.reels-subtitles > div { display:grid; gap:7px; }
.reels-subtitles strong { font-size:11px; font-weight:550; color:#c7ccb8; }
.reels-subtitles span { font-size:10px; color:#818c74; line-height:1.6; }
.reels-secondary { color:#cbbb90; border:1px solid #cbbb9036; border-radius:9px; background:#cbbb9007; padding:9px 12px; min-height:35px; white-space:nowrap; font-size:11px; }
.reels-cue-list { max-height:260px; overflow:auto; display:grid; gap:13px; padding-right:5px; }
.reels-cue-list span,.reels-cue-list p { font-size:10px; color:#8d987a; }
.reels-cue-list textarea { font-size:12px; resize:vertical; }
.reels-audio { display:flex; align-items:center; gap:10px; justify-content:space-between; padding-top:20px; cursor:pointer; position:relative; }
.reels-audio > span { display:grid; gap:7px; }
.reels-audio strong { font-size:12px; font-weight:550; color:#d3d5c5; }
.reels-audio small { font-size:10px; color:#7c8970; }
.reels-audio input { position:absolute; right:0; width:40px; height:24px; opacity:0; margin:0; }
.reels-audio i { width:38px; height:22px; border:1px solid #cbbb903b; border-radius:20px; background:#181d12; padding:3px; transition:background .15s; }
.reels-audio i::after { content:''; width:14px; height:14px; border-radius:50%; display:block; background:#818768; transition:transform .15s; }
.reels-audio input:checked + i { background:#e8ca6b; border-color:#e8ca6b; }
.reels-audio input:checked + i::after { background:#201d10; transform:translateX(16px); }
.reels-audio input:focus-visible + i { outline:2px solid #e8ca6b; outline-offset:3px; }
.reels-preview-sticky { position:sticky; top:24px; }
.reels-preview-column { align-self:stretch; }
.reels-preview-title { display:flex; justify-content:space-between; padding:0 2px 12px; color:#b4b6a0; font-size:9px; letter-spacing:.12em; }
.reels-preview-title b { font-size:10px; color:#969a7e; letter-spacing:0; font-weight:500; }
.reels-phone { position:relative; overflow:hidden; width:auto; max-width:100%; height:clamp(240px,calc(100dvh - 390px),536px); margin-inline:auto; aspect-ratio:9/16; container-type:inline-size; border:1px solid #d6c68d3b; border-radius:20px; background:radial-gradient(ellipse at 70% 0,#d6c68d10,transparent 70%),#0c0e0a; box-shadow:0 18px 50px #0006; }
.reels-phone video { width:100%; height:100%; display:block; object-fit:contain; }
.reels-phone-empty { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:25px; }
.reels-phone-empty > span { width:56px; height:70px; border-radius:14px; border:1px solid #d6c68d27; background:#d6c68d06; display:grid; place-items:center; color:#d6c68d6b; margin-bottom:22px; transform:rotate(-6deg); }
.reels-phone-empty > span svg { width:26px; height:26px; }
.reels-phone-empty b { font-size:22px; color:#aeb197; font-weight:550; letter-spacing:-.035em; line-height:1.25; }
.reels-phone-empty small { font-size:11px; line-height:1.8; color:#59664b; margin-top:16px; }
.reels-caption { position:absolute; bottom:16.4%; left:7.8%; right:7.8%; text-align:center; pointer-events:none; color:#f4f1ea; font-family:Arial,sans-serif; font-weight:700; font-size:5.28cqw; line-height:normal; white-space:pre-line; overflow-wrap:anywhere; }
.reels-caption > span { -webkit-text-stroke:var(--caption-outline,.416cqw) #100e0c; paint-order:stroke fill; text-shadow:0 1px 1px #100e0c; }
.reels-caption > span.is-box,.reels-style-sample > span.is-box { background:#100e0ccf; padding:.2em .25em; box-decoration-break:clone; -webkit-box-decoration-break:clone; -webkit-text-stroke:0; }
.reels-caption > span:empty { display:none; }
.reels-voice-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); gap:12px; }
.reels-voice-card { display:flex; flex-direction:column; min-width:0; gap:15px; padding:18px; border:1px solid #d2c58422; border-radius:15px; background:linear-gradient(130deg,#202319,#11150d); }
.reels-voice-card.is-selected { border-color:#e4cd8270; background:linear-gradient(130deg,#2b291a,#171b10); }
.reels-voice-card strong { font-size:15px; font-weight:650; color:#eeebda; }
.reels-voice-card p { font-size:11px; color:#adb59b; line-height:1.5; margin:7px 0 0; }
.reels-voice-card audio { display:block; width:100%; height:36px; margin-top:auto; }
.reels-voice-card button { width:100%; min-height:36px; }
.reels-voice-card button[aria-pressed="true"] { color:#19190d; background:linear-gradient(115deg,#f2df9e,#c49c47); border-color:#e2ce8b; }
.reels-voice-selection { font-size:12px; color:#e2ce8b; line-height:1.6; margin:0 0 18px; }
.reels-voice-limit { font-size:11px; color:#a4ad94; line-height:1.7; margin:20px 0 0; padding-top:16px; border-top:1px solid #d2c58422; }
.reels-preview-foot { display:flex; justify-content:space-between; color:#5f6b53; font-size:9px; padding:12px 2px 22px; }
.reels-export, .reels-voice-export { border:1px solid #d8c7842b; border-radius:16px; padding:18px; background:radial-gradient(ellipse at top right,#e8ca6b0b,transparent 75%),#13160f; }
.reels-voice-export h3 { margin:10px 0 0; font-size:22px; line-height:1.2; letter-spacing:-.03em; }
.reels-export > div { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.reels-export > div > span { color:#8e987d; font-size:10px; }
.reels-export > div > b { color:#dcc687; font-size:12px; font-weight:600; }
.reels-export p, .reels-voice-export p { color:#a0a990; font-size:11px; line-height:1.6; margin:15px 0; }
.reels-export .has-error { color:#e4b69b; }
.reels-primary { width:100%; min-height:46px; display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid #f3e2aa5e; border-radius:10px; color:#201c10; background:linear-gradient(115deg,#f2df9e,#c49c47); box-shadow:0 5px 17px #e1bd5110; padding:12px 15px; font-size:12px; font-weight:750; }
.reels-recognition { border-color:#d7b85c52; background:linear-gradient(125deg,#d7b85c0d,transparent 75%),#10120d; }
.reels-recognition .reels-description { max-width:60ch; margin:0 0 20px; }
.reels-transcribe-button { justify-content:flex-start; min-height:58px; padding:16px 20px; border-radius:13px; font-size:15px; }
.reels-transcribe-button svg { width:21px; height:21px; flex:0 0 auto; }
.reels-transcribe-button svg:last-child { margin-left:auto; }
.reels-transcribe-button:not(:disabled):hover { filter:brightness(1.08); box-shadow:0 6px 24px #d7b85c26; }
.reels-transcribe-button:focus-visible { outline:2px solid #f5e4ad; outline-offset:4px; }
.reels-recognition .reels-recognition-note { margin:12px 0 0; color:#a6aa9d; font-size:12px; line-height:1.65; }
.reels-export > small, .reels-voice-export > small { display:block; color:#879377; line-height:1.7; font-size:10px; margin-top:13px; }
.reels-job { margin-top:15px; padding:14px; display:flex; align-items:flex-start; gap:11px; border:1px solid #b7c39120; border-radius:12px; background:#b7c39105; }
.reels-job strong { font-size:12px; font-weight:550; color:#c2caaa; }
.reels-job p { font-size:10px; color:#828f6e; line-height:1.6; margin:6px 0 0; }
.reels-job svg { color:#c7cc94; }
.reels-spinner { display:block; flex-shrink:0; width:17px; height:17px; border:1px solid #cfce8c25; border-top-color:#cfce8c; border-radius:50%; animation:reelsSpin 1s linear infinite; }
@keyframes reelsSpin { to { transform:rotate(360deg); } }
.reels-message { padding:14px 18px; color:#e0c192; border:1px solid #d9b6753b; background:#19170c; font-size:12px; line-height:1.6; border-radius:12px; position:sticky; top:12px; z-index:4; }
.reels-results { margin-top:44px; padding-top:30px; border-top:1px solid #d2c58422; }
.reels-results h2 { margin:9px 0; font-size:32px; letter-spacing:-.045em; }
.reels-results > header > p { color:#818e70; font-size:12px; margin-bottom:24px; }
[data-result-grid] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
[data-result-grid] article { overflow:hidden; border:1px solid #d3c89029; border-radius:16px; background:#11160c; }
[data-result-grid] video { display:block; width:100%; aspect-ratio:9/16; object-fit:contain; background:#080b06; }
[data-result-grid] article > div { padding:18px; }
[data-result-grid] span { color:#888f6b; font-size:9px; letter-spacing:.1em; }
[data-result-grid] h3 { font-size:17px; font-weight:650; line-height:1.3; letter-spacing:-.03em; margin:9px 0 16px; overflow-wrap:anywhere; }
[data-result-grid] a { display:flex; align-items:center; gap:8px; justify-content:center; color:#e2ce8b; text-decoration:none; font-size:12px; padding:11px; border:1px solid #e2ce8b33; border-radius:9px; }
[data-result-grid] a svg { width:16px; }
[data-result-grid] a.reels-cover-link { border:0; color:#849067; font-size:10px; padding-bottom:0; }
@media (max-width:1200px) { .reels-layout { grid-template-columns:minmax(0,1fr) 242px; gap:20px; } .reels-panel { padding:20px; } .reels-heading h1 { font-size:34px; } }
@media (max-width:750px) { .reels-layout { grid-template-columns:1fr; } .reels-preview-column { max-width:302px; width:100%; margin:0 auto; } .reels-heading { flex-direction:column; gap:14px; } [data-result-grid] { grid-template-columns:1fr; max-width:340px; margin:auto; } .reels-preview-sticky { position:static; } }
@media (prefers-reduced-motion:reduce) { [data-reels-root] * { transition:none !important; } .reels-spinner { animation:none; } }
[data-view="reels"] .reels-history { margin-top:24px; }
.reels-history [data-history-list] { display:grid; gap:8px; }
.reels-history button { display:flex; justify-content:space-between; align-items:center; gap:18px; width:100%; padding:16px; border:1px solid var(--line,#ffffff20); border-radius:14px; background:#11120e; color:#f4f1ea; font:inherit; text-align:left; cursor:pointer; }
.reels-history button[aria-pressed="true"] { border-color:#c9aa5a; background:#211f14; }
.reels-history button small { display:block; margin-top:4px; color:#a5a499; overflow-wrap:anywhere; }
.reels-history button > span:last-child { color:#d8bc6e; font-size:12px; flex-shrink:0; }
.reels-history button:disabled { opacity:.55; cursor:wait; }
.reels-start-modes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0 0 28px; }
.reels-start-modes button { position:relative; display:grid; gap:8px; padding:22px 24px; border:1px solid #ffffff16; border-radius:20px; text-align:left; background:linear-gradient(145deg,#1b1c17,#10110d); color:#f4f1ea; font:inherit; cursor:pointer; transition:border-color .2s,background .2s; }
.reels-start-modes button:hover,.reels-start-modes button[aria-pressed="true"] { border-color:#cfb76a80; background:linear-gradient(145deg,#2d281a,#14150f); }
.reels-start-modes button > span { color:#cbb778; font-size:11px; font-weight:700; letter-spacing:.12em; }
.reels-start-modes strong { font-size:18px; letter-spacing:-.02em; padding-right:18px; }
.reels-start-modes small { color:#a7a79b; font-size:12px; line-height:1.6; }
.reels-start-modes svg { position:absolute; right:20px; top:22px; width:18px; height:18px; color:#cbb778; }
[data-reels-root] .reels-panel,[data-reels-root] .reels-disclosure { scroll-margin-top:90px; }
@media(max-width:700px) { .reels-start-modes { grid-template-columns:1fr; gap:8px; } .reels-start-modes button { padding:16px 20px; gap:4px; } .reels-start-modes button > span { display:none; } .reels-start-modes strong { font-size:16px; } }

/* Task selection stays separate from the working editor. */
[data-reels-root] .reels-start-modes { gap:18px; grid-auto-rows:1fr; }
[data-reels-root] .reels-start-modes button { padding:25px; gap:14px; border-radius:22px; min-height:282px; overflow:hidden; }
[data-reels-root] .reels-mode-top { display:flex; align-items:center; justify-content:space-between; letter-spacing:.06em; }
.reels-mode-top em { font-size:10px; font-style:normal; font-weight:500; color:#a9aa9e; letter-spacing:0; }
[data-reels-root] .reels-mode-mark { display:flex; align-items:center; height:66px; color:#eddbab; font-size:42px; letter-spacing:-.045em; font-weight:600; }
[data-reels-root] .reels-start-modes strong { font-size:20px; letter-spacing:-.035em; }
[data-reels-root] .reels-start-modes small { min-height:40px; max-width:270px; }
[data-reels-root] .reels-mode-action { display:flex; align-items:center; justify-content:space-between; padding-top:14px; border-top:1px solid var(--reels-border); color:#d4c38e; font-size:11px; letter-spacing:0; margin-top:auto; }
[data-reels-root] .reels-mode-action svg { position:static; }
.reels-workspace-heading { display:flex; align-items:flex-start; gap:22px; margin:5px 0 16px; }
.reels-workspace-heading > div { flex:1; }
.reels-workspace-heading h2 { margin:0 0 10px; font-size:28px; letter-spacing:-.04em; font-weight:700; }
.reels-workspace-heading p { margin:0; max-width:760px; font-size:13px; color:#a7aa9e; line-height:1.7; }
.reels-workspace-limit { font-size:11px; color:#909584; margin:0 0 24px; line-height:1.7; }
[data-workspace] { scroll-margin-top:25px; }
[data-reels-root] .reels-layout { grid-template-columns:minmax(0,1fr) minmax(280px,32%); }
[data-reels-root] .reels-phone { height:clamp(220px,calc(100dvh - 440px),500px); width:auto; max-width:100%; }
[data-reels-root] .reels-preview-sticky { top:84px; max-height:calc(100dvh - 100px); overflow-y:auto; scrollbar-width:thin; padding:2px; }
[data-reels-root] .reels-word-editor .reels-color-field {display:flex;flex-direction:column;align-items:flex-start;gap:10px;color:#a1a791;font-size:11px;font-weight:500}
.reels-preview-notice { border-left:2px solid #d9c48980; padding:4px 0 4px 12px; color:#a9ad9c; font-size:11px; line-height:1.7; margin:0 0 18px; }
.reels-draft-box { border:1px solid #ddc37c40; border-radius:18px; padding:20px; background:linear-gradient(140deg,#28271b,#141710); }
.reels-draft-box h3 { font-size:18px; line-height:1.3; margin:12px 0; letter-spacing:-.03em; }
.reels-draft-box p { color:#b0b2a1; font-size:12px; line-height:1.75; }
.reels-draft-box [data-draft-status]:empty { display:none; }
.reels-translation-options { display:grid; gap:12px; margin:22px 0; }
.reels-translation-options label { display:flex; align-items:center; gap:14px; padding:18px; border:1px solid var(--reels-border); border-radius:14px; cursor:pointer; background:#0b0d09; }
.reels-translation-options label:has(input:checked) { border-color:#d7bd7066; background:#d7bd7008; }
.reels-translation-options input { accent-color:#e1c776; width:18px; height:18px; flex-shrink:0; }
.reels-translation-options span { display:grid; gap:7px; }
.reels-translation-options strong { font-size:15px; font-weight:600; }
.reels-translation-options small { font-size:12px; line-height:1.6; color:#a2a694; }
.reels-translation-summary { color:#d8c793; font-size:13px; line-height:1.8; margin:0 0 22px; }
.reels-translation-languages {display:grid;gap:22px;margin:0 0 24px}
.reels-translation-languages .reels-field {display:flex;flex-direction:column;gap:12px;line-height:1.5;min-width:0}
[data-reels-root] .reels-translation-languages .cv-select-control {display:block;width:100%;margin:0;position:relative}
[data-reels-root] .reels-translation-languages .cv-select-trigger {min-height:52px;line-height:1.4;padding:14px 18px}
.reels-translation-notice {padding:20px;border:1px solid #d9bd6940;border-radius:14px;background:#d9bd690b;font-size:13px;line-height:1.7}
.reels-translation-notice strong,.reels-translation-notice b {display:block;color:#ecd593}
.reels-translation-notice p {margin:10px 0;color:#adb29f}
.reels-translation-position {display:grid;gap:14px;font-size:13px;line-height:1.6}
.reels-translation-position p {margin:0;color:#a2a694}
[data-reels-root]:is([data-mode="translation"],[data-mode="publication"]) .reels-phone {width:min(100%,calc(clamp(220px,calc(100dvh - 440px),500px) * var(--source-aspect,.5625)));height:auto;aspect-ratio:var(--source-aspect,.5625)}
[data-mode="translation"] .reels-caption {width:76%;transform:translate(-50%,-50%)}
[data-reels-root]:is([data-mode="translation"],[data-mode="captions"]) .reels-caption {pointer-events:auto;touch-action:none;cursor:grab;user-select:none}
[data-reels-root]:is([data-mode="translation"],[data-mode="captions"]) .reels-caption:active {cursor:grabbing}
[data-mode="translation"] .reels-caption > span {display:inline-block;max-width:100%;padding:.35em .55em;line-height:1.4;border-radius:.3em}
[data-mode="translation"] .reels-fonts:has([data-text-align]),
[data-mode="translation"] [data-appearance="vertical"],
[data-mode="translation"] .reels-field:has([data-appearance="vertical"]),
[data-mode="translation"] .reels-field:has([data-appearance="margin"]) {display:none}
.reels-caption-choice button {min-width:0;text-align:left;border-radius:12px!important}
.reels-caption-choice button span {line-height:1.5;letter-spacing:0}
.reels-caption-choice .is-box {border-radius:6px;padding:7px 9px}
.reels-translation-languages select {display:block;width:100%;margin-top:10px;padding:13px 14px;border:1px solid var(--reels-border);border-radius:12px;background:#0b0d09;color:#eee7d6;font:inherit;font-size:14px;color-scheme:dark}
.reels-translation-languages [data-custom-caption-language-field] {margin-top:18px}
.reels-translation-languages .reels-description {margin-top:12px}
.reels-translation-languages input:focus-visible,.reels-translation-languages select:focus-visible {outline:2px solid #e5cb83;outline-offset:3px}
.reels-drag-hint {display:flex;align-items:center;gap:10px;padding:10px 12px;margin:0 0 12px;border:1px solid #e1c77650;border-radius:12px;background:#e1c7760d;color:#f0d992;text-align:left}
.reels-drag-hint > span {font-size:24px;line-height:1}
.reels-drag-hint strong,.reels-drag-hint small {display:block;line-height:1.5;font-size:12px}
.reels-drag-hint small {color:#b8b8a8;font-size:11px}
[data-publication] > .reels-field,[data-publication] > fieldset {margin:28px 0}
[data-publication] legend {display:flex;align-items:center;gap:10px;font-size:13px;color:#e2dbca;line-height:1.5;margin-bottom:13px}
[data-publication] legend > span {font-size:10px;color:#d8bf79;border:1px solid #d8bf7933;border-radius:7px;padding:3px 6px}
[data-publication] .reels-fonts button {padding:11px 14px;font-size:12px;min-height:42px}
[data-publication] .reels-choice > div {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
[data-publication] .reels-publication-method button {padding:18px;min-height:154px;text-align:left;border-radius:14px!important;display:grid;gap:9px;align-content:start}
.reels-method-symbol {display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#d8bf7912;color:#e7d097;font-size:16px}
[data-publication] .reels-publication-method b {font-size:14px}
[data-publication] .reels-publication-method small {font-size:12px;line-height:1.6;color:#a5a897}
.reels-publication-row {display:flex;align-items:center;gap:25px;margin:28px 0;flex-wrap:wrap}
.reels-publication-row > fieldset {min-width:180px}
.reels-publication-row p {font-size:12px;line-height:1.7;color:#9da391;margin:22px 0 0}
[data-publication] .reels-publication-tones .reels-description {margin:10px 0 0;font-size:11px}
[data-publication] .reels-publication-idea {display:flex;flex-direction:column;gap:12px;line-height:1.6;font-size:13px}
.reels-publication-idea small {font-size:11px;color:#888e7f;margin-left:8px}
.reels-publication-idea textarea {margin:0!important;min-height:84px;resize:vertical}
.reels-publication-confirm {display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid #d8bf7929;border-radius:13px;background:#d8bf7908}
.reels-publication-confirm > span {color:#dec789;padding-top:2px}
.reels-publication-confirm p {margin:0;color:#a5ab99;font-size:12px;line-height:1.7}
.reels-publication-confirm strong {display:block;color:#e8dbb5;font-size:13px;margin-bottom:4px}
.reels-package-output p {font-size:12px;line-height:1.8;color:#a2a896;margin:18px 0 0}
.reels-package-receipt {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.reels-package-receipt > div {padding:17px 13px;border-radius:13px;border:1px solid #d8bf7924;background:#d8bf7907}
.reels-package-receipt b {display:block;font-size:28px;color:#e8d49d;font-weight:550;letter-spacing:-.05em;margin-bottom:9px;line-height:1}
.reels-package-receipt span {font-size:11px;line-height:1.6;color:#b4b7a7}
[data-mode="publication"] .reels-draft-box {background:#171912;border-color:#d8bf7928}
[data-mode="publication"] .reels-draft-box .reels-primary {background:transparent;color:#e4cf91;border:1px solid #d8bf795e}
@media(max-width:450px) {[data-publication] .reels-choice > div {grid-template-columns:1fr}.reels-publication-row {gap:8px}.reels-publication-row p {margin:0}.reels-package-receipt {gap:7px}.reels-package-receipt > div {padding:14px 9px}}
[data-transcribe], [data-clips-transcribe], [data-ai-clips] { margin-bottom:20px; }
[data-narration] { margin-top:22px; padding-top:22px; border-top:1px solid var(--reels-border); }
[data-narration] .reels-description { margin-top:14px; }
.reels-timing .reels-description { grid-column:1/-1; margin:0; }
[data-mode="captions"] .reels-clips-panel,[data-mode="pauses"] .reels-clips-panel { order:5; }
[data-mode="pauses"] [data-settings] { order:6; }
[data-mode="captions"] .reels-clips-panel [data-clip-editor] > .reels-field { display:none; }
[data-mode="pauses"] .reels-pauses { order:2; margin:0; }
[data-reels-root] button:focus-visible { outline:2px solid #dfc77e; outline-offset:4px; }
@media(max-width:1100px) { [data-reels-root] .reels-start-modes { grid-template-columns:repeat(2,minmax(0,1fr)); } [data-reels-root] .reels-layout { gap:18px; } }
@media(max-width:750px) { [data-reels-root] .reels-layout { grid-template-columns:1fr; } .reels-workspace-heading { flex-direction:column; gap:16px; } [data-reels-root] .reels-preview-sticky {max-height:none;overflow:visible} [data-reels-root] .reels-phone {height:auto;width:100%} }
@media(max-width:600px) { [data-reels-root] .reels-start-modes { grid-template-columns:1fr; } [data-reels-root] .reels-start-modes button { min-height:240px; } }