:root{--orange:#ea580c;--orange-dark:#c2410c;--cream:#fff8f1;--ink:#29231f;--muted:#786b63;--border:#efded1;--white:#fff;--green:#16834b;--red:#c7392f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fffaf5 0,#fff 420px);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.topbar{height:76px;padding:0 max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid #f3e6dc;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-mark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:14px;box-shadow:0 8px 22px #ea580c35}.brand strong,.brand small{display:block}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.topbar nav{display:flex;align-items:center;gap:18px}.topbar nav>a,.link-button{color:#5c514a;text-decoration:none;font-weight:700;font-size:14px}.inline-form{display:inline}.link-button{border:0;background:none;cursor:pointer}.user-chip{background:#fff1e8;color:#b84a0d;border-radius:999px;padding:7px 11px;font-weight:800;font-size:13px}.container{max-width:1180px;margin:auto;padding:42px 22px 70px}.footer{text-align:center;color:#9b8b81;padding:32px;font-size:13px;border-top:1px solid #f3e6dc}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 18px;background:var(--orange);color:#fff!important;text-decoration:none;font:800 15px inherit;cursor:pointer;box-shadow:0 9px 24px #ea580c26}.button:hover{background:var(--orange-dark)}.button.secondary{background:#fff;color:var(--ink)!important;border:1px solid var(--border);box-shadow:none}.button.small{padding:9px 14px}.button.full{width:100%}.button:disabled{opacity:.48;cursor:not-allowed}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center;min-height:530px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.12em;color:var(--orange-dark);font-weight:900;font-size:12px;margin-bottom:12px}.hero h1,.page-head h1,.auth-card h1{font-size:clamp(36px,5vw,65px);line-height:1.08;margin:0;letter-spacing:-.04em}.hero p{font-size:19px;line-height:1.75;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;margin-top:26px}.hero-card{background:#fff;border:1px solid var(--border);border-radius:28px;padding:18px;box-shadow:0 28px 70px #783d1417;transform:rotate(1deg)}.video-placeholder{height:280px;border-radius:20px;background:radial-gradient(circle at 30% 30%,#fca96f,#c2410c 72%);display:grid;place-items:center;color:#fff}.video-placeholder span{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#ffffff33;border:1px solid #ffffff88;font-size:25px}.timeline-line{height:7px;background:#f1e4da;border-radius:99px;margin:18px 2px}.timeline-line i{display:block;height:100%;background:var(--orange);border-radius:99px}.script-preview{background:var(--cream);padding:14px 16px;border-radius:14px}.script-preview strong{font-size:12px;color:var(--orange-dark)}.script-preview p{font-size:14px;line-height:1.55;margin:6px 0;color:#51453e}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0}.feature-grid article,.stats article,.panel,.project-card,.check-list article{background:#fff;border:1px solid var(--border);border-radius:18px}.feature-grid article{padding:22px}.feature-grid b{color:var(--orange);font-size:12px}.feature-grid h3{margin:18px 0 8px}.feature-grid p{color:var(--muted);line-height:1.6;font-size:14px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.page-head h1{font-size:42px}.page-head p{color:var(--muted);margin-bottom:0}.text-link{color:var(--orange-dark);font-weight:800;text-decoration:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:27px}.stats article{padding:20px}.stats span{color:var(--muted);font-size:13px}.stats strong{display:block;font-size:27px;margin-top:8px}.empty-state{text-align:center;background:#fff;border:1px dashed #dfc7b5;border-radius:24px;padding:65px 20px}.empty-icon{font-size:40px}.empty-state h2{margin:14px 0 7px}.empty-state p{color:var(--muted);margin:0 0 24px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{overflow:hidden}.project-thumb{height:145px;display:grid;place-items:center;background:linear-gradient(135deg,#ffe4d1,#f59e60);color:#fff;font-size:28px}.project-body{padding:18px}.project-top{display:flex;align-items:center;justify-content:space-between}.project-top small{color:var(--muted)}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;background:#f1eee9}.status-draft{background:#fff1df;color:#a5480f}.status-completed{background:#e7f7ec;color:#167344}.project-card h3{margin:15px 0 7px}.project-card p{color:var(--muted);font-size:13px}.theme{background:var(--cream);border-radius:10px;padding:10px;font-size:13px;line-height:1.55;margin-top:12px}.card-actions{display:flex;justify-content:space-between;border-top:1px solid #f2e8e1;margin-top:17px;padding-top:14px}.card-actions a,.card-actions button{font-weight:800;font-size:13px;color:var(--orange-dark);background:none;border:0;text-decoration:none;cursor:pointer}.card-actions form button{color:#a33a32}.panel{padding:26px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .wide{grid-column:1/-1}label{display:grid;gap:8px;font-size:13px;font-weight:800}input,select,textarea{width:100%;border:1px solid #dbcabe;border-radius:11px;padding:12px 13px;background:#fff;font:inherit;color:inherit}input:focus,select:focus,textarea:focus{outline:3px solid #ffedd5;border-color:var(--orange)}textarea{resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.auth-card{max-width:450px;margin:45px auto;background:#fff;border:1px solid var(--border);border-radius:25px;padding:34px;box-shadow:0 25px 70px #6d351014}.auth-card h1{font-size:39px}.muted{color:var(--muted)}.form-stack{display:grid;gap:16px;margin-top:24px}.alert{padding:14px 16px;border-radius:13px;margin-bottom:18px;border:1px solid}.alert.success{background:#eaf8ef;border-color:#bee5ca;color:#13663b}.alert.danger{background:#fff0ee;border-color:#efb8b1;color:#8f2d28}.alert.warning,.alert.warning{background:#fff5d8;border-color:#efd78d;color:#76540c}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel h2{margin-top:0}.panel dl{display:grid;grid-template-columns:130px 1fr;gap:14px;margin:0}.panel dt{color:var(--muted)}.panel dd{margin:0;font-weight:800}.upload-coming{text-align:center;padding:15px}.upload-coming>span{font-size:40px;color:var(--orange)}.upload-coming p{color:var(--muted);line-height:1.7}.prose{line-height:1.8;color:#51463f}.check-list{display:grid;gap:11px;margin-bottom:18px}.check-list article{display:flex;align-items:center;justify-content:space-between;padding:16px 18px}.check-list small{display:block;color:var(--muted);margin-top:5px;max-width:700px;word-break:break-all}.check{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}.check.ok{background:#e8f7ed;color:#187546}.check.bad{background:#fff0ee;color:#aa332d}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:30px}.feature-grid,.stats{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar{height:auto;min-height:68px;padding:12px 15px}.brand small,.topbar nav>a:not(.button),.user-chip{display:none}.container{padding:28px 14px 55px}.hero{min-height:auto}.hero h1{font-size:42px}.hero p{font-size:16px}.video-placeholder{height:210px}.feature-grid,.stats,.project-grid,.form-grid,.detail-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:34px}.page-head .button{width:100%}.actions{flex-wrap:wrap}.actions .button{flex:1}.panel{padding:20px}.panel dl{grid-template-columns:1fr;gap:5px}.panel dd{margin-bottom:12px}.auth-card{padding:25px;margin:15px auto}}

/* v0.2 video upload and playback */
.project-thumb{position:relative;text-decoration:none}.project-thumb.has-video{background:linear-gradient(135deg,#30271f,#8b3d13)}.project-thumb small{position:absolute;right:10px;bottom:9px;background:#1f1712cc;color:#fff;border-radius:7px;padding:4px 7px;font-size:11px;font-weight:900}.file-meta{margin-top:10px;color:#8a5b3e;font-size:12px;font-weight:800}.video-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:20px;align-items:start}.video-workspace aside{display:grid;gap:20px}.video-workspace aside .panel{margin:0}.video-panel{min-width:0}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-title h2{margin-bottom:0}.secure-chip{display:inline-flex;align-items:center;background:#e9f7ee;color:#166a3f;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;white-space:nowrap}.video-player-wrap{background:#17120f;border-radius:18px;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center}.video-player-wrap video{width:100%;height:100%;display:block;object-fit:contain;background:#17120f}.video-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.video-info-grid div{background:var(--cream);border:1px solid #f3dfd0;border-radius:12px;padding:12px;min-width:0}.video-info-grid span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.video-info-grid strong{display:block;font-size:13px;word-break:break-all}.video-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.replace-box{flex:1}.replace-box summary{cursor:pointer;color:var(--orange-dark);font-weight:900;list-style:none}.replace-box summary::-webkit-details-marker{display:none}.replace-box[open] summary{margin-bottom:14px}.upload-form{display:grid;gap:14px}.drop-zone{position:relative;text-align:center;border:2px dashed #e1bfa8;background:#fffaf5;border-radius:18px;padding:30px 18px;cursor:pointer;transition:.18s ease}.drop-zone:hover{border-color:var(--orange);background:#fff5eb}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-zone span,.drop-zone strong,.drop-zone small,.drop-zone em{display:block}.drop-icon{font-size:38px;color:var(--orange);line-height:1;margin-bottom:11px}.drop-zone strong{font-size:17px}.drop-zone small{color:var(--muted);font-weight:600;margin-top:7px}.drop-zone em{font-style:normal;color:#9a6847;font-size:12px;margin-top:11px;word-break:break-all}.privacy-note{margin-top:15px;background:#eef8f2;border:1px solid #cce7d5;color:#285b3e;border-radius:13px;padding:12px 14px;font-size:13px;line-height:1.65}.danger-button{border:1px solid #e8b8b1;background:#fff4f2;color:#a6332e;border-radius:11px;padding:10px 13px;font-weight:900;cursor:pointer}.danger-button:hover{background:#ffe9e5}.next-step-card p{color:var(--muted);line-height:1.7}.next-step-card .button{width:100%;margin-top:8px}.status-uploaded{background:#e8f1ff;color:#285ca5}
@media(max-width:900px){.video-workspace{grid-template-columns:1fr}.video-workspace aside{grid-template-columns:1fr 1fr}.video-workspace aside .panel{margin:0}}
@media(max-width:650px){.video-workspace aside{grid-template-columns:1fr}.video-info-grid{grid-template-columns:1fr}.video-actions{align-items:stretch;flex-direction:column}.video-actions>*{width:100%}.danger-button{width:100%}.panel-title{align-items:flex-start;flex-direction:column}.secure-chip{align-self:flex-start}.drop-zone{padding:25px 14px}}

/* v0.3 browser keyframes and AI script */
.settings-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:20px;align-items:start}.settings-layout .panel{margin:0}.help-card p{color:var(--muted);line-height:1.75}.form-stack label small{color:var(--muted);font-weight:600;line-height:1.55}.ai-action-card p{color:var(--muted);line-height:1.7}.ai-action-card .button{width:100%;margin-top:7px}.extract-progress{min-height:20px;margin-top:12px;color:#9a4a18;font-size:13px;font-weight:800;line-height:1.55}.mini-error{margin-top:14px;padding:11px 12px;border-radius:11px;background:#fff0ee;color:#99342e;border:1px solid #efb8b1;font-size:12px;line-height:1.55;word-break:break-word}.text-button{border:0;background:none;color:var(--orange-dark);font:800 13px inherit;cursor:pointer}.scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.scene-grid figure{margin:0;position:relative;border-radius:14px;overflow:hidden;background:#211915;aspect-ratio:16/10;border:1px solid #ead7c9}.scene-grid img{width:100%;height:100%;display:block;object-fit:cover}.scene-grid figcaption{position:absolute;right:7px;bottom:7px;background:#1d1510d9;color:#fff;border-radius:7px;padding:4px 7px;font-size:11px;font-weight:900}.analysis-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:20px;align-items:start}.analysis-grid>.panel{margin:0}.analysis-summary{position:sticky;top:96px}.model-chip{background:#f1e9ff;color:#6941a5;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.analysis-summary h3{margin-top:24px}.detected-list{padding-left:21px;color:#51463f;line-height:1.75}.token-note{margin-top:22px;padding-top:14px;border-top:1px solid #eee2d9;color:var(--muted);font-size:12px}.script-editor{display:grid;gap:17px}.script-editor>h2{margin-bottom:0}.segment-list{display:grid;gap:12px}.segment-list h3{margin:2px 0}.segment-row{border:1px solid #edddd1;background:#fffaf6;border-radius:14px;padding:14px;display:grid;gap:12px}.segment-time{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segment-time input{background:#fff}.status-analyzing,.status-extracting_frames{background:#fff4cf;color:#855d08}.status-script_ready{background:#e9f7ee;color:#15663c}.status-failed{background:#fff0ee;color:#a2312c}@media(max-width:900px){.settings-layout,.analysis-grid{grid-template-columns:1fr}.analysis-summary{position:static}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.segment-time{grid-template-columns:1fr 1fr}.settings-layout{grid-template-columns:1fr}.topbar nav{gap:11px}.topbar nav>a{font-size:12px}}
.consent-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;margin:12px 0 4px;padding:11px 12px;border:1px solid #ead8ca;border-radius:11px;background:#fffaf5;font-weight:650!important;line-height:1.5;color:#66564c}.consent-check input{width:17px;height:17px;margin:2px 0 0;flex:0 0 auto}.consent-check span{font-size:12px}

/* v0.4 original audio, transcript and speech-safe narration */
.audio-action-card p{color:var(--muted);line-height:1.68}.audio-action-card audio{width:100%;margin:12px 0 7px}.audio-action-card .button.full{width:100%}.audio-meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 2px}.audio-meta span{background:var(--cream);border:1px solid #efdccc;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;color:#76523d}.audio-complete{display:grid;gap:4px;background:#eaf8ef;border:1px solid #c8e7d2;border-radius:13px;padding:13px 14px;margin:12px 0}.audio-complete strong{color:#166b40}.audio-complete small{color:#527563}.audio-buttons{display:flex;gap:8px;align-items:center}.audio-buttons form{flex:1}.audio-buttons .button{width:100%;justify-content:center}.audio-reextract{display:block;margin:12px auto 0}.transcript-panel{overflow:hidden}.timeline-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.timeline-summary div{background:var(--cream);border:1px solid #eedccc;border-radius:13px;padding:13px}.timeline-summary span{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.timeline-summary strong{display:block;font-size:12px;line-height:1.55;color:#4c3d34}.transcript-list{display:grid;gap:10px}.transcript-list article{display:grid;grid-template-columns:92px 42px minmax(0,1fr);gap:10px;align-items:start;border:1px solid #eadbd0;background:#fffaf6;border-radius:13px;padding:12px}.transcript-list p{margin:0;line-height:1.65;color:#4d433d}.transcript-time{font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#855235;padding-top:5px}.speaker-chip{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 7px;border-radius:999px;background:#eee8ff;color:#6547a0;font-size:11px;font-weight:900}.no-narration{border:1px dashed #ddb99f;background:#fff8f2;color:#795b48;border-radius:13px;padding:14px;line-height:1.65;font-size:13px}.status-extracting_audio,.status-transcribing{background:#e9f0ff;color:#315eaa}.audio-action-card .extract-progress{min-height:0}.button.secondary{background:#fff;color:#5a4030;border:1px solid #dfcbbd}
@media(max-width:650px){.timeline-summary{grid-template-columns:1fr}.transcript-list article{grid-template-columns:76px 36px minmax(0,1fr);gap:7px;padding:10px}.transcript-list p{font-size:13px}.audio-buttons{align-items:stretch;flex-direction:column}.audio-buttons>*{width:100%}}


/* v0.5 segmented AI voice generation */
.voice-studio{scroll-margin-top:95px}.voice-settings{display:grid;gap:16px}.voice-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.voice-settings-grid .wide{grid-column:1/-1}.voice-settings-grid small{color:var(--muted);font-weight:600;line-height:1.55}.voice-segment-list{display:grid;gap:12px;margin-top:22px}.voice-segment-card{border:1px solid #ead9cc;background:#fffaf6;border-radius:15px;padding:15px}.voice-segment-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.voice-segment-head strong,.voice-segment-head span{display:block}.voice-segment-head span{color:var(--muted);font-size:11px;margin-top:4px}.voice-segment-card>p{line-height:1.65;color:#4d423b;margin:13px 0}.inline-voice-form{margin:0}.voice-preview{width:100%;margin:3px 0 9px}.voice-meta{display:flex;gap:7px;flex-wrap:wrap}.voice-meta span{border:1px solid #e5d2c4;background:#fff;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;color:#70503c}.voice-fit{margin-top:10px;border-radius:10px;padding:9px 11px;font-size:12px;font-weight:800}.voice-fit:empty{display:none}.voice-fit.fits{background:#eaf8ef;color:#176b40;border:1px solid #c6e6d1}.voice-fit.too-long{background:#fff3d9;color:#815b0c;border:1px solid #efd38c}.voice-empty{color:#917a6d;font-size:12px;border:1px dashed #dec6b5;border-radius:10px;padding:10px}.status-generating_voice{background:#fff3d7;color:#855c08}.status-voice_ready{background:#e8f7ee;color:#176c41}
@media(max-width:800px){.voice-settings-grid{grid-template-columns:1fr 1fr}.voice-settings-grid .wide{grid-column:1/-1}}
@media(max-width:550px){.voice-settings-grid{grid-template-columns:1fr}.voice-settings-grid .wide{grid-column:auto}.voice-segment-head{flex-direction:column}.inline-voice-form,.inline-voice-form button{width:100%}}

/* v0.6 subtitle generation, preview and export */
.video-player-wrap{position:relative}.subtitle-overlay{position:absolute;left:6%;right:6%;z-index:4;display:none;pointer-events:none;text-align:center;white-space:pre-line;line-height:1.35;color:#fff;font-weight:900;text-shadow:0 2px 3px #000,0 0 8px #000;letter-spacing:.01em}.subtitle-overlay.is-visible{display:block}.subtitle-position-bottom{bottom:9%}.subtitle-position-middle{top:50%;transform:translateY(-50%)}.subtitle-position-top{top:8%}.subtitle-size-small{font-size:clamp(15px,2vw,27px)}.subtitle-size-medium{font-size:clamp(18px,2.7vw,36px)}.subtitle-size-large{font-size:clamp(22px,3.4vw,46px)}.subtitle-style-clean{padding:6px 10px}.subtitle-style-bold{-webkit-text-stroke:1px #111;text-shadow:0 3px 2px #000,0 0 11px #000}.subtitle-style-card{left:10%;right:10%;margin:auto;width:max-content;max-width:80%;background:#111c;border-radius:10px;padding:9px 15px;text-shadow:0 1px 2px #000}.subtitle-studio{scroll-margin-top:95px}.subtitle-create-form,.subtitle-editor{display:grid;gap:18px}.subtitle-settings-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.subtitle-settings-grid label small{display:block;color:var(--muted);font-weight:600;line-height:1.45}.subtitle-cue-list{display:grid;gap:12px}.subtitle-cue-row{border:1px solid #ead9cc;background:#fffaf6;border-radius:15px;padding:15px;display:grid;gap:11px}.subtitle-cue-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.subtitle-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.download-actions{display:flex;gap:8px;flex-wrap:wrap}.subtitle-delete-form{text-align:right;margin-top:13px}.status-subtitle_ready{background:#e9f0ff;color:#315eaa}
@media(max-width:950px){.subtitle-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.subtitle-settings-grid{grid-template-columns:1fr}.subtitle-actions{align-items:stretch;flex-direction:column}.subtitle-actions>.button,.download-actions,.download-actions .button{width:100%}.subtitle-cue-head{align-items:flex-start;flex-direction:column}.subtitle-style-card{max-width:88%}}
.cue-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cue-head-actions .js-remove-subtitle{color:#a6332e}
@media(max-width:600px){.cue-head-actions{width:100%;justify-content:space-between}}

/* v0.7 complete audio timeline and render preparation */
.render-studio{scroll-margin-top:95px}.render-readiness{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:20px}.render-readiness>div{border:1px solid #ead9cc;border-radius:13px;padding:13px;background:#fffaf6}.render-readiness span,.render-readiness strong{display:block}.render-readiness span{font-size:11px;color:var(--muted);margin-bottom:5px}.render-readiness strong{font-size:13px}.render-readiness .ready{background:#eaf8ef;border-color:#c5e5d0}.render-readiness .ready strong{color:#176b40}.render-readiness .warning{background:#fff7df;border-color:#edd79c}.render-readiness .warning strong{color:#7e5a0c}.render-readiness .missing{background:#fff0ee;border-color:#eebbb5}.render-readiness .missing strong{color:#9b332d}.master-timeline{border:1px solid #ead8cb;border-radius:16px;padding:15px;background:#fffaf6;margin-bottom:20px;overflow:hidden}.timeline-ruler{display:flex;justify-content:space-between;padding-left:75px;color:#8e796c;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:8px}.timeline-lane{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;align-items:center;margin:8px 0}.timeline-lane>b{font-size:11px;color:#6f5c50;text-align:right}.timeline-track{height:18px;position:relative;background:#eee2d9;border-radius:6px;overflow:hidden}.timeline-block{position:absolute;top:2px;height:14px;border-radius:4px;min-width:2px}.timeline-block.original{background:#c9b9ad}.timeline-block.speech{background:#7c62bb}.timeline-block.narration{background:#ea580c}.timeline-block.subtitle{background:#2f74bd}.timeline-voice-audio{display:none}.render-form{display:grid;gap:16px}.render-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.render-settings-grid output{float:right;color:var(--orange-dark);font-weight:900}.render-settings-grid input[type=range]{padding:0;border:0;accent-color:var(--orange)}.render-actions{display:flex;gap:10px;flex-wrap:wrap}.render-actions .button.is-active{background:#28211d;color:#fff!important}.render-help{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.render-job-list{margin-top:22px;border-top:1px solid #eee0d6;padding-top:18px}.render-job-list h3{margin:0 0 12px}.render-job-list article{display:flex;align-items:center;justify-content:space-between;gap:13px;border:1px solid #e9d9ce;background:#fffaf6;border-radius:13px;padding:12px;margin-top:9px}.render-job-list strong,.render-job-list small{display:block}.render-job-list small{color:var(--muted);margin-top:4px}.status-render_ready{background:#e7f7ec;color:#167344}
@media(max-width:900px){.render-readiness{grid-template-columns:repeat(2,minmax(0,1fr))}.render-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.render-readiness,.render-settings-grid{grid-template-columns:1fr}.render-actions{flex-direction:column}.render-actions .button{width:100%}.timeline-ruler{padding-left:55px}.timeline-lane{grid-template-columns:45px minmax(0,1fr);gap:8px}.render-job-list article{align-items:stretch;flex-direction:column}.render-job-list .button{width:100%}}


/* v0.8 remote render processor */
.processor-token-once{border-color:#f0bd72;background:#fff8df}.processor-token-once code{display:block;overflow-wrap:anywhere;background:#241d18;color:#ffe9d7;border-radius:12px;padding:16px;margin-top:14px;font:700 13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.processor-list{display:grid;gap:10px}.processor-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #ead9cc;background:#fffaf6;border-radius:13px;padding:14px}.processor-list strong,.processor-list small{display:block}.processor-list small{color:var(--muted);margin-top:5px}.processor-list article>div:last-child{text-align:right}.render-job-card{align-items:stretch!important}.render-job-main{min-width:0;flex:1}.render-job-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.render-job-actions form{margin:0}.render-progress{height:7px;background:#eadfd7;border-radius:999px;overflow:hidden;margin:9px 0 5px}.render-progress i{display:block;height:100%;background:var(--orange);border-radius:999px;transition:width .25s}.status-rendering{background:#fff3d7;color:#855c08}.settings-layout code,.panel dd code{overflow-wrap:anywhere}.file-meta{color:var(--muted);font-size:11px;margin-top:6px}
@media(max-width:700px){.processor-list article{align-items:flex-start;flex-direction:column}.processor-list article>div:last-child{text-align:left}.render-job-actions,.render-job-actions .button,.render-job-actions form{width:100%}.render-job-actions form button{width:100%}}

/* v0.9 plans, usage and billing administration */
.dashboard-plan-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:14px;background:#2b211b;color:#fff;border-radius:18px;padding:17px 20px;margin-bottom:18px}.dashboard-plan-strip span,.dashboard-plan-strip strong{display:block}.dashboard-plan-strip span{font-size:11px;color:#d9c7ba;margin-bottom:5px}.dashboard-plan-strip strong{font-size:14px}.dashboard-plan-strip a{color:#ffd8bd;font-weight:900;text-decoration:none;font-size:13px;text-align:right}.billing-plan-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.billing-plan-card>div{background:#fff;border:1px solid var(--border);border-radius:17px;padding:18px}.billing-plan-card span,.billing-plan-card strong,.billing-plan-card small{display:block}.billing-plan-card span{color:var(--muted);font-size:11px}.billing-plan-card strong{font-size:22px;margin:7px 0}.billing-plan-card small{color:#907e72;line-height:1.45}.usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.usage-grid article{background:#fff;border:1px solid var(--border);border-radius:17px;padding:17px}.usage-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.usage-head span,.usage-head strong{display:block}.usage-head span{font-size:11px;color:var(--muted)}.usage-head strong{font-size:18px;margin-top:6px}.usage-head small{color:#8a766a;font-size:11px;text-align:right}.usage-meter{height:8px;background:#eee1d8;border-radius:99px;overflow:hidden;margin:15px 0 8px}.usage-meter i{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#ea580c);border-radius:99px}.usage-grid p{margin:0;color:var(--muted);font-size:11px}.billing-event-list{display:grid;gap:9px}.billing-event-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #ead9cc;background:#fffaf6;border-radius:12px;padding:12px 14px}.billing-event-list strong,.billing-event-list small{display:block}.billing-event-list small{color:var(--muted);margin-top:4px}.billing-event-list b{white-space:nowrap;color:#9c430f}.billing-stats{margin-bottom:20px}.plan-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.plan-admin-card{border:1px solid #ead9cc;background:#fffaf6;border-radius:16px;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.plan-admin-title{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px}.plan-admin-title strong,.plan-admin-title small{display:block}.plan-admin-title small{color:var(--muted)}.plan-admin-card label{font-size:11px}.plan-admin-card input{margin-top:5px}.plan-admin-card button{grid-column:1/-1}.billing-user-list{display:grid;gap:10px}.billing-user-row{display:grid;grid-template-columns:minmax(190px,1.5fr) minmax(140px,1fr) 120px 150px auto;align-items:end;gap:10px;border:1px solid #ead9cc;background:#fffaf6;border-radius:13px;padding:13px}.billing-user-row strong,.billing-user-row small{display:block}.billing-user-row small{color:var(--muted);margin-top:4px}.billing-user-row select,.billing-user-row input{min-width:0}.billing-user-row .button{height:45px}.plan-admin-card input,.billing-user-row input,.billing-user-row select{width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;padding:10px;color:var(--ink)}
@media(max-width:950px){.billing-plan-card,.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-plan-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-plan-strip a{text-align:left}.billing-user-row{grid-template-columns:1fr 1fr}.billing-user-row>div{grid-column:1/-1}.billing-user-row .button{width:100%}}
@media(max-width:650px){.billing-plan-card,.usage-grid,.dashboard-plan-strip,.plan-admin-grid,.plan-admin-card,.billing-user-row{grid-template-columns:1fr}.plan-admin-title,.plan-admin-card button,.billing-user-row>div{grid-column:auto}.billing-event-list article{align-items:flex-start;flex-direction:column}.billing-user-row .button{width:100%}}

/* v1.0 public accounts, email verification and Mollie billing */
.public-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.public-plan-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:18px;position:relative}.public-plan-card.current{border:2px solid var(--orange);box-shadow:0 18px 45px #ea580c18}.public-plan-card h2{font-size:25px;margin:0 0 8px}.public-plan-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.plan-price{font-size:32px;font-weight:900;letter-spacing:-.03em}.plan-price small{display:block;color:var(--muted);font-size:12px;font-weight:700;margin-top:4px}.public-plan-card ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;color:#5c4e45;font-size:13px;flex:1}.public-plan-card li:before{content:"✓";color:var(--green);font-weight:900;margin-right:8px}.plan-current-label{display:block;text-align:center;background:#eaf8ef;color:#176a40;border-radius:11px;padding:12px;font-weight:900}.auth-wide{max-width:560px}.auth-links,.auth-link-row{text-align:center;color:var(--muted);font-size:13px}.auth-links a,.auth-link-row a{color:var(--orange-dark);font-weight:800;text-decoration:none}.auth-link-row{display:flex;justify-content:space-between}.consent-check{display:flex;grid-template-columns:none;align-items:flex-start;gap:10px;font-weight:600;line-height:1.55}.consent-check input{width:auto;margin-top:3px}.consent-check span{flex:1}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.billing-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}.billing-summary-grid article{background:#fff;border:1px solid var(--border);border-radius:17px;padding:18px}.billing-summary-grid span,.billing-summary-grid strong,.billing-summary-grid small{display:block}.billing-summary-grid span{color:var(--muted);font-size:11px}.billing-summary-grid strong{font-size:22px;margin:7px 0}.billing-summary-grid small{color:#8e786b;line-height:1.45}.cancel-panel{display:flex;align-items:center;justify-content:space-between;gap:20px}.cancel-panel h2{margin-bottom:4px}.payment-order-list{display:grid;gap:10px}.payment-order-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #ead9cc;background:#fffaf6;border-radius:13px;padding:14px}.payment-order-list strong,.payment-order-list small,.payment-order-list em{display:block}.payment-order-list small{color:var(--muted);margin-top:5px}.payment-order-list em{color:#a15a22;font-style:normal;font-size:11px;margin-top:5px}.payment-order-list article>div:last-child{text-align:right}.payment-order-list b{display:block;font-size:17px;margin-bottom:6px}.payment-status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;background:#eee}.payment-status.status-paid{background:#e7f7ec;color:#167344}.payment-status.status-open,.payment-status.status-creating{background:#fff3d7;color:#855c08}.payment-status.status-failed,.payment-status.status-canceled,.payment-status.status-expired{background:#fff0ee;color:#9f322d}.payment-result{text-align:center}.payment-result-amount{font-size:36px;font-weight:900;margin:22px 0}.payment-result-amount small{display:block;color:var(--muted);font-size:13px;margin-top:7px}.billing-mode-card{border:1px solid #ead9cc;background:#fffaf6;border-radius:14px;padding:14px}.billing-mode-card span,.billing-mode-card strong,.billing-mode-card small{display:block}.billing-mode-card span{font-size:11px;color:var(--muted)}.billing-mode-card strong{font-size:22px;margin:6px 0}.billing-mode-card small{color:#806e62;overflow-wrap:anywhere}.live-confirm{background:#fff1ee;border:1px solid #edc2ba;border-radius:12px;padding:12px}.form-stack small,label small{color:var(--muted);font-weight:600;line-height:1.45}
@media(max-width:1000px){.public-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.public-plan-grid,.billing-summary-grid{grid-template-columns:1fr}.cancel-panel,.payment-order-list article{align-items:stretch;flex-direction:column}.payment-order-list article>div:last-child{text-align:left}.auth-link-row{gap:14px}.topbar nav{gap:10px}.topbar nav .button{display:inline-flex!important}}

/* v1.1 annual billing, coupons and invoices */
.billing-toggle{display:flex;gap:8px;justify-content:center;margin:0 0 24px}.billing-toggle a{padding:10px 18px;border:1px solid #ead8ca;border-radius:999px;text-decoration:none;color:#5c4b40;background:#fff;font-weight:800}.billing-toggle a.active{background:#ea580c;color:#fff;border-color:#ea580c}.annual-saving{display:inline-flex;align-self:flex-start;background:#fff1e7;color:#b84508;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;margin-top:-4px}.checkout-form{display:grid;gap:10px}.checkout-form label{font-size:12px;color:#6e5e54}.checkout-form input{margin-top:5px}.invoice-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.invoice-sheet{background:#fff;border:1px solid #e8d8cc;border-radius:20px;padding:36px;max-width:900px;margin:0 auto;box-shadow:0 18px 55px #532a1712}.invoice-sheet header,.invoice-parties,.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:28px}.invoice-sheet header{border-bottom:2px solid #2d241f;padding-bottom:24px}.invoice-sheet header h1{font-size:34px;margin:6px 0}.invoice-sheet p{margin:5px 0;color:#5f5148;line-height:1.5}.invoice-meta{grid-template-columns:repeat(3,1fr);padding:20px 0;border-bottom:1px solid #eaded5}.invoice-meta div,.invoice-parties>div{display:grid;gap:5px}.invoice-meta span,.invoice-parties span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8a776a}.invoice-parties{padding:24px 0}.invoice-table{width:100%;border-collapse:collapse;margin:8px 0 22px}.invoice-table th,.invoice-table td{padding:13px 12px;border-bottom:1px solid #eaded5;text-align:left}.invoice-table th:last-child,.invoice-table td:last-child{text-align:right}.invoice-totals{max-width:390px;margin-left:auto;display:grid;gap:10px}.invoice-totals div{display:flex;justify-content:space-between;padding:8px 0}.invoice-totals .grand{border-top:2px solid #2d241f;font-size:20px}.invoice-note{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:12px;margin-top:22px}.invoice-sheet footer{margin-top:30px;padding-top:18px;border-top:1px solid #eaded5;color:#8a776a;font-size:12px}.coupon-list{display:grid;gap:10px}.coupon-list>div{border:1px solid #eaded5;border-radius:12px;padding:12px;display:grid;gap:4px}.coupon-list small{color:#78685e}.notice-card{margin-top:16px;padding:15px 17px;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;color:#7c3e12}.form-stack textarea,.form-grid textarea{width:100%;border:1px solid #dfcfc3;border-radius:11px;padding:12px;font:inherit;resize:vertical}
@media(max-width:760px){.invoice-sheet{padding:22px}.invoice-sheet header,.invoice-parties,.invoice-meta{grid-template-columns:1fr}.invoice-toolbar{flex-direction:column}.billing-toggle{flex-wrap:wrap}}
@media print{.topbar,.footer,.no-print,.alert{display:none!important}.container{max-width:none!important;padding:0!important}.invoice-sheet{box-shadow:none;border:0;border-radius:0;max-width:none;padding:0}.invoice-sheet a{color:inherit;text-decoration:none}@page{size:A4;margin:15mm}}

/* v1.2 legal, cookies and GDPR privacy centre */
.footer{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap}.footer nav{display:flex;gap:14px;flex-wrap:wrap}.footer a,.footer-link{border:0;background:none;color:#8c776b;text-decoration:none;font:700 12px inherit;cursor:pointer;padding:0}.legal-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.legal-hero h1{font-size:clamp(38px,6vw,64px);line-height:1.05;margin:0 0 12px;letter-spacing:-.04em}.legal-hero p{max-width:720px;color:var(--muted);line-height:1.7}.legal-hero small{color:#9a8578}.legal-languages{display:flex;gap:8px;flex-wrap:wrap}.legal-languages a{border:1px solid var(--border);border-radius:999px;padding:9px 13px;text-decoration:none;color:#62534a;background:#fff;font-weight:800;font-size:12px}.legal-languages a.active{background:var(--orange);border-color:var(--orange);color:#fff}.legal-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}.legal-side{display:grid;gap:8px;position:sticky;top:95px}.legal-side a{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 14px;text-decoration:none;color:#62534a;font-weight:800}.legal-side a.active{background:#fff1e8;border-color:#f0b98f;color:#b74408}.legal-document{background:#fff;border:1px solid var(--border);border-radius:22px;padding:34px;box-shadow:0 18px 55px #532a1710}.legal-document section{padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid #f0e5dd}.legal-document section:last-of-type{border-bottom:0}.legal-document h2{font-size:22px;margin:0 0 12px}.legal-document p{color:#5e5148;line-height:1.78;margin:8px 0}.legal-contact{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:16px;display:grid;gap:5px}.legal-contact a{color:var(--orange-dark);font-weight:800}.legal-consent-links{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.danger-zone{border-color:#efc2bd;background:#fffafa}.danger-zone h2{color:#9d302a}.danger-button{background:#b8322b}.danger-button:hover{background:#982923}.privacy-request-list{display:grid;gap:10px}.privacy-request-list article{border:1px solid #ead9cc;background:#fffaf6;border-radius:14px;padding:14px;display:flex;justify-content:space-between;gap:18px;align-items:center}.privacy-request-list strong,.privacy-request-list small,.privacy-request-list em{display:block}.privacy-request-list small{color:var(--muted);margin-top:5px}.privacy-request-list em{color:#9c3d33;font-style:normal;font-size:12px;margin-top:5px}.privacy-request-list article>div:last-child{display:flex;align-items:center;gap:10px}.request-status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;background:#eee}.request-status.status-completed{background:#e7f7ec;color:#167344}.request-status.status-pending,.request-status.status-processing{background:#fff3d7;color:#855c08}.request-status.status-failed{background:#fff0ee;color:#9f322d}.request-status.status-cancelled{background:#f0eeee;color:#665d59}.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;z-index:80;max-width:980px;margin:auto;background:#fff;border:1px solid #e6d2c3;border-radius:18px;box-shadow:0 22px 70px #3f241c28;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.cookie-banner[hidden],.cookie-modal[hidden]{display:none}.cookie-banner strong{font-size:16px}.cookie-banner p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.cookie-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.cookie-modal{position:fixed;inset:0;background:#24161080;z-index:90;display:grid;place-items:center;padding:20px}.cookie-dialog{width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:25px;box-shadow:0 30px 100px #0004}.cookie-close{border:0;background:#f5ece6;color:#6d574c;border-radius:50%;width:34px;height:34px;font-size:23px;cursor:pointer}.cookie-option{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #eee2da;padding:16px 0}.cookie-option strong,.cookie-option small{display:block}.cookie-option small{color:var(--muted);margin-top:4px;line-height:1.45}.cookie-option input{width:22px;height:22px}.cookie-note{font-size:12px;margin-bottom:0}.cookie-note a{color:var(--orange-dark);font-weight:800}.consent-check a{color:var(--orange-dark);font-weight:800}
@media(max-width:800px){.legal-hero{align-items:flex-start;flex-direction:column}.legal-layout{grid-template-columns:1fr}.legal-side{position:static;grid-template-columns:repeat(3,1fr)}.legal-side a{text-align:center}.privacy-grid{grid-template-columns:1fr}.cookie-banner{align-items:stretch;flex-direction:column}.cookie-actions{justify-content:flex-start}.privacy-request-list article{align-items:stretch;flex-direction:column}.privacy-request-list article>div:last-child{justify-content:space-between}}
@media(max-width:520px){.legal-document{padding:22px}.legal-side{grid-template-columns:1fr}.cookie-banner{left:10px;right:10px;bottom:10px}.cookie-actions .button{flex:1;padding-left:10px;padding-right:10px}}


/* v1.3 security centre */
.security-stats{margin-bottom:20px}.security-event-list{display:grid;gap:10px}.security-event-list article{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border:1px solid #eadbd1;border-radius:14px;background:#fff}.security-event-list article>div{min-width:0}.security-event-list strong,.security-event-list small{display:block}.security-event-list small{margin-top:5px;color:#827168;overflow-wrap:anywhere}.security-severity{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase}.severity-info{background:#edf5ff;color:#245d9d}.severity-warning{background:#fff4d8;color:#7b5606}.severity-high{background:#ffede8;color:#a33a22}.severity-critical{background:#3a1715;color:#fff}.security-filter{display:flex;gap:7px;flex-wrap:wrap}.security-filter a{padding:7px 10px;border-radius:999px;background:#f8eee7;color:#6d4a37;font-size:12px;font-weight:700;text-decoration:none}.security-filter a:hover{background:#f2d6c5}.status-completed{background:#e9f8ef;color:#176238}.status-failed{background:#fff0ed;color:#9a2f26}@media(max-width:720px){.security-event-list article{align-items:flex-start}.security-severity{min-width:auto}.security-filter{margin-top:8px}}


/* v1.4 users, risk and notification centre */
.notification-nav{position:relative}.notification-nav span{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-left:4px;border-radius:999px;background:#dc2626;color:#fff;font-size:11px;font-weight:900}
.notification-list{display:grid;gap:14px}.notification-item{display:flex;align-items:center;justify-content:space-between;gap:20px;border-left:5px solid #d7ccc4}.notification-item.is-unread{box-shadow:0 16px 40px #9a4d1920}.notification-info{border-left-color:#3b82f6}.notification-success{border-left-color:#16a34a}.notification-warning{border-left-color:#f59e0b}.notification-danger{border-left-color:#dc2626}.notification-main{min-width:0;flex:1}.notification-main h2{margin:4px 0 8px}.notification-main p{line-height:1.65}.notification-main small{color:#86766c}.notification-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notification-dot{background:#ea580c;color:#fff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}
.admin-filter{display:flex;align-items:end;gap:12px;margin-bottom:18px}.admin-filter label{flex:1;min-width:160px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:920px}.admin-table th,.admin-table td{padding:13px 12px;border-bottom:1px solid #eee0d7;text-align:left;vertical-align:top}.admin-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#85756b}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{margin-top:4px;color:#85756b}.table-actions{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.table-actions form{display:flex;align-items:center;gap:6px}.table-actions input{width:130px;padding:7px 8px}.danger-text{color:#b42318!important}
.risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.risk-card{border-top:5px solid #d6c9bf}.risk-critical{border-top-color:#b42318}.risk-high{border-top-color:#ea580c}.risk-medium{border-top-color:#eab308}.risk-low{border-top-color:#16a34a}.risk-pending{border-top-color:#94a3b8}.risk-score{text-align:center;min-width:64px}.risk-score strong,.risk-score span{display:block}.risk-score strong{font-size:28px}.risk-score span{font-size:12px;text-transform:uppercase;color:#7d6e65}.risk-flags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.risk-flags span{background:#fff4ea;border:1px solid #f2d6c2;border-radius:999px;padding:6px 9px;font-size:12px}.risk-review-form{display:grid;grid-template-columns:160px 1fr auto;gap:8px;margin-top:14px}.risk-review-form input,.risk-review-form select{min-width:0}
@media(max-width:900px){.risk-grid{grid-template-columns:1fr}.notification-item{align-items:flex-start;flex-direction:column}.admin-filter{align-items:stretch;flex-direction:column}.admin-filter label{width:100%}.risk-review-form{grid-template-columns:1fr}.notification-actions{width:100%}}


/* v1.5 operations dashboard and failure recovery */
.period-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 20px}.period-tabs a{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--border);color:#6a594f;text-decoration:none;font-size:12px;font-weight:900}.period-tabs a.active{background:var(--orange);border-color:var(--orange);color:#fff}.period-tabs span{margin-left:auto;color:var(--muted);font-size:12px}.operations-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:20px}.operations-metrics article{background:#fff;border:1px solid var(--border);border-radius:17px;padding:17px;min-width:0}.operations-metrics span,.operations-metrics strong,.operations-metrics small{display:block}.operations-metrics span{color:#7a6a61;font-size:12px;font-weight:800}.operations-metrics strong{font-size:25px;margin:7px 0;letter-spacing:-.03em;overflow-wrap:anywhere}.operations-metrics small{color:#9a887d;font-size:11px}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.health-card{border:1px solid #eadbd1;border-left:5px solid #94a3b8;border-radius:14px;padding:14px;background:#fff}.health-card>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.health-card strong{font-size:14px}.health-card span{font-size:10px;font-weight:900;letter-spacing:.06em}.health-card p{font-size:12px;line-height:1.5;color:#74645b;margin:8px 0 0}.health-ok{border-left-color:#16a34a}.health-warning{border-left-color:#f59e0b;background:#fffdf6}.health-critical{border-left-color:#dc2626;background:#fffafa}.health-bad{background:#fff0ed!important;color:#9a2f26!important}.health-ok.secure-chip{background:#e9f8ef!important;color:#176238!important}.operations-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.ops-list{display:grid;gap:9px}.ops-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid #eee3dc}.ops-list article:last-child{border-bottom:0}.ops-list strong,.ops-list small{display:block}.ops-list small{color:#85746a;margin-top:4px;line-height:1.4}.failure-type{display:inline-flex;background:#fff1e8;color:#b7470d;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;white-space:nowrap}.snapshot-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;overflow:auto}.snapshot-row article{border:1px solid #ecded4;border-radius:13px;padding:12px;background:#fff;min-width:125px}.snapshot-row strong,.snapshot-row span{display:block}.snapshot-row span{font-size:11px;color:#7c6b61;margin-top:5px}.failure-table{min-width:1050px}.failure-error{max-width:460px;color:#7c3b31;line-height:1.5;overflow-wrap:anywhere}.daily-report>header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.daily-report>header strong,.daily-report>header small{display:block}.daily-report>header small{color:var(--muted);margin-top:4px}.daily-report h2{margin:26px 0 14px}@media(max-width:1050px){.operations-metrics{grid-template-columns:repeat(3,1fr)}.health-grid{grid-template-columns:repeat(2,1fr)}.snapshot-row{grid-template-columns:repeat(4,minmax(125px,1fr))}}@media(max-width:760px){.operations-metrics{grid-template-columns:repeat(2,1fr)}.health-grid,.operations-two{grid-template-columns:1fr}.period-tabs span{width:100%;margin-left:0}.snapshot-row{display:flex}.ops-list article{grid-template-columns:auto minmax(0,1fr)}.ops-list article>*:last-child{grid-column:2}}@media(max-width:480px){.operations-metrics{grid-template-columns:1fr 1fr}.operations-metrics strong{font-size:21px}.page-head .actions{width:100%;flex-direction:column}.page-head .actions>*{width:100%}}


/* v1.6 branding and localization */
body{background:var(--brand-secondary,#fff8f1)}
.button:not(.secondary),.brand-mark,.mark{background:var(--brand-primary,#ea580c)!important}
a,.link-button,.text-link,.footer-link{color:var(--brand-primary,#ea580c)}
.brand-logo{width:auto;height:42px;max-width:170px;object-fit:contain;border-radius:9px}.language-switcher{display:flex;align-items:center;margin-left:auto}.language-switcher label{display:flex;align-items:center;gap:6px;font-size:12px;color:#786a61}.language-switcher select{width:auto;min-width:110px;padding:7px 28px 7px 9px;border-radius:9px;background:#fff}.topbar{gap:14px;flex-wrap:wrap}.topbar nav{flex:1}.brand-preview{display:flex;gap:20px;align-items:center;border:1px solid #eadbcf;padding:18px;border-radius:14px}.brand-preview img{max-width:240px;max-height:100px;object-fit:contain}.translation-form{display:grid;gap:0}.translation-form>label{display:grid;grid-template-columns:minmax(240px,34%) 1fr;gap:18px;padding:15px 0;border-bottom:1px solid #eee3db}.translation-form label span strong,.translation-form label span small{display:block}.translation-form label span small{margin-top:5px;color:#8a796e;line-height:1.45}.translation-form textarea{min-height:70px}.template-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.template-tabs a{padding:9px 13px;border:1px solid #e6d6cb;background:#fff;border-radius:10px;text-decoration:none;color:#4f423a}.template-tabs a.active{background:var(--brand-primary,#ea580c);border-color:var(--brand-primary,#ea580c);color:#fff}@media(max-width:900px){.language-switcher{width:100%;justify-content:flex-end}.translation-form>label{grid-template-columns:1fr}}


/* v1.7 onboarding and guided workflow */
.guide-nav{font-weight:800;color:var(--brand-primary)!important}.welcome-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:34px;border-radius:26px;background:linear-gradient(135deg,var(--brand-secondary),#fff);border:1px solid #efd9ca;margin-bottom:22px}.welcome-hero h1{font-size:clamp(30px,5vw,48px);margin:6px 0 10px;max-width:760px}.welcome-hero p{max-width:760px;color:#77685f;line-height:1.75}.onboarding-ring{--progress:0;width:130px;height:130px;border-radius:50%;display:grid;place-content:center;text-align:center;flex:none;background:radial-gradient(circle at center,#fff 57%,transparent 58%),conic-gradient(var(--brand-primary) calc(var(--progress)*1%),#f0dfd3 0)}.onboarding-ring strong{font-size:27px}.onboarding-ring span{font-size:12px;color:#76675e}.onboarding-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:20px}.onboarding-form{display:grid;gap:16px}.onboarding-actions,.empty-actions,.guide-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.onboarding-checklist{display:grid;gap:11px;align-content:start}.onboarding-check{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #eee0d6;border-radius:14px}.onboarding-check>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f3e7df;font-weight:900}.onboarding-check.done{border-color:#bfe5c9;background:#f1fbf4}.onboarding-check.done>span{background:#168449;color:#fff}.dashboard-guide{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;border:1px solid #efcda9;background:linear-gradient(120deg,#fff6e9,#fff);border-radius:20px;margin-bottom:18px}.dashboard-guide h2{font-size:17px;margin:4px 0 10px}.guide-progress,.wizard-progress{height:8px;background:#f0dfd4;border-radius:99px;overflow:hidden}.guide-progress{max-width:560px}.guide-progress i,.wizard-progress i{display:block;height:100%;background:var(--brand-primary);border-radius:inherit}.demo-chip{display:inline-flex;margin-left:7px;border-radius:999px;padding:4px 9px;background:#f1e8ff;color:#6d3eb0;font-size:11px;font-weight:800}.create-guide{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid #efd9ca;background:#fff8f1;border-radius:16px;padding:15px 18px;margin-bottom:16px}.create-guide p{margin:0;flex:1;color:#786a61}.create-guide a{font-weight:800;color:var(--brand-primary)}.demo-project-notice{display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid #d9c5f0;background:#faf6ff;border-radius:18px;padding:17px 20px;margin-bottom:18px}.demo-project-notice p{margin:5px 0 0;color:#685b72}.project-wizard{border:1px solid #ead8cc;background:#fff;border-radius:22px;padding:20px;margin-bottom:20px;scroll-margin-top:16px}.wizard-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.wizard-head h2{font-size:19px;margin:4px 0 0}.wizard-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:14px}.wizard-steps a{text-decoration:none;color:#81736a;display:grid;justify-items:center;gap:6px;text-align:center;padding:8px 4px;border-radius:12px}.wizard-steps span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f2e8e1;font-weight:900}.wizard-steps a.done{color:#14643c}.wizard-steps a.done span{background:#168449;color:#fff}.wizard-steps a.current{background:#fff2e7;color:#9f3f06}.wizard-steps a.current span{background:var(--brand-primary);color:#fff}.wizard-steps small{font-size:11px;line-height:1.25}#upload-step,#project-settings,#analysis-step,#script-step,#voice-studio,#subtitle-studio,#render-studio{scroll-margin-top:18px}
@media(max-width:850px){.welcome-hero{align-items:flex-start}.onboarding-layout{grid-template-columns:1fr}.wizard-steps{grid-template-columns:repeat(4,1fr)}.dashboard-guide,.demo-project-notice{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.welcome-hero{padding:22px;flex-direction:column}.onboarding-ring{width:100px;height:100px}.wizard-head{align-items:flex-start;flex-direction:column}.wizard-steps{grid-template-columns:repeat(2,1fr)}.onboarding-actions .button,.empty-actions .button{width:100%;justify-content:center}}

/* v1.7.1 responsive primary navigation */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.topbar{height:auto;min-height:76px;padding:0;background:rgba(255,255,255,.92)}
.topbar-inner{width:min(100% - 36px,1420px);min-height:76px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}
.brand{min-width:0;flex:none}.brand-copy{min-width:0}.brand-copy strong,.brand-copy small{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main-nav{min-width:0;display:flex!important;align-items:center;justify-content:flex-end;gap:4px!important;flex-wrap:nowrap}
.main-nav>a,.nav-dropdown>summary{display:inline-flex;align-items:center;min-height:40px;padding:8px 10px;border-radius:10px;color:#5c514a!important;text-decoration:none;font-size:13px!important;font-weight:800;line-height:1.2;white-space:nowrap;cursor:pointer;list-style:none;transition:background .16s ease,color .16s ease}
.main-nav>a:hover,.nav-dropdown>summary:hover,.nav-dropdown[open]>summary{background:#fff1e8;color:var(--brand-primary)!important}
.nav-dropdown{position:relative}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary:after{content:'⌄';margin-left:6px;font-size:11px;transition:transform .16s ease}.nav-dropdown[open]>summary:after{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:80;width:270px;padding:10px;background:#fff;border:1px solid #eadbd1;border-radius:16px;box-shadow:0 22px 60px #4e2e1a24;display:grid;gap:3px}
.nav-admin-menu{width:min(620px,calc(100vw - 36px));grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}
.nav-dropdown-menu>a,.nav-logout-button{display:flex;align-items:center;width:100%;min-height:38px;padding:9px 11px;border:0;border-radius:9px;background:transparent;color:#5d5048!important;text-decoration:none;text-align:left;font:750 13px/1.3 inherit;cursor:pointer}
.nav-dropdown-menu>a:hover,.nav-logout-button:hover{background:#fff3ea;color:var(--brand-primary)!important}
.nav-menu-title{grid-column:1/-1;padding:6px 10px 8px;color:#9a887c;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.nav-user{padding:9px 11px 12px;border-bottom:1px solid #eee2da;margin-bottom:4px}.nav-user span,.nav-user small{display:block}.nav-user span{font-weight:900;color:#3e342e}.nav-user small{margin-top:3px;color:#8c7c72;font-size:11px;overflow-wrap:anywhere}.nav-logout-form{margin-top:4px;padding-top:5px;border-top:1px solid #eee2da}.nav-logout-button{color:#a5372c!important}
.language-switcher{margin-left:0;width:auto!important;justify-content:flex-end;flex:none}.language-switcher label>span{display:none}.language-switcher select{min-width:104px;max-width:128px;padding:8px 26px 8px 9px}
.mobile-menu-toggle{display:none;width:42px;height:42px;border:1px solid #eadbd1;border-radius:11px;background:#fff;place-content:center;gap:4px;cursor:pointer}.mobile-menu-toggle i{display:block;width:19px;height:2px;border-radius:99px;background:#5b4d45;transition:.18s ease}.mobile-menu-toggle[aria-expanded=true] i:nth-of-type(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] i:nth-of-type(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] i:nth-of-type(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1180px){.topbar-inner{width:min(100% - 26px,1420px);gap:10px}.brand-copy small{display:none}.brand-copy strong{max-width:170px}.main-nav>a,.nav-dropdown>summary{padding:8px;font-size:12px!important}.language-switcher select{min-width:92px;max-width:106px}}
@media(max-width:900px){.topbar{min-height:68px}.topbar-inner{width:100%;min-height:68px;padding:10px 14px;grid-template-columns:minmax(0,1fr) auto auto;gap:9px}.brand-copy strong{max-width:min(47vw,240px)}.brand-logo{height:38px;max-width:min(42vw,165px)}.mobile-menu-toggle{display:grid;grid-column:2}.language-switcher{grid-column:3;grid-row:1}.language-switcher select{min-width:82px;max-width:100px;height:42px}.main-nav{display:none!important;grid-column:1/-1;grid-row:2;width:100%;padding:9px;background:#fff;border:1px solid #eadbd1;border-radius:16px;box-shadow:0 18px 50px #4e2e1a1d;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:3px!important}.main-nav.is-open{display:flex!important}.main-nav>a,.nav-dropdown>summary{width:100%;min-height:44px;padding:11px 12px;font-size:14px!important}.nav-dropdown{width:100%}.nav-dropdown-menu{position:static;width:100%;margin:3px 0 7px;padding:7px;border:0;border-radius:11px;background:#fff8f2;box-shadow:none}.nav-admin-menu{grid-template-columns:1fr 1fr}.nav-dropdown-menu>a,.nav-logout-button{min-height:41px}.public-nav .button{width:100%}.topbar nav>a:not(.button){display:flex}.user-chip{display:none}}
@media(max-width:520px){.brand-copy small{display:none}.brand-copy strong{max-width:38vw;font-size:14px}.brand-mark{width:36px;height:36px}.language-switcher select{min-width:72px;max-width:82px;font-size:11px}.nav-admin-menu{grid-template-columns:1fr}.topbar-inner{padding-inline:10px}.mobile-menu-toggle{width:40px;height:40px}}


/* v1.8 video template library */
.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.template-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eadbd0;border-radius:22px;overflow:hidden;box-shadow:0 12px 30px rgba(80,45,23,.06);transition:.2s ease}.template-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(80,45,23,.1)}.template-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand-primary) 14%,white),#fff7ef);display:grid;place-items:center;font-size:31px;margin:20px 20px 0}.template-icon.small{width:44px;height:44px;border-radius:13px;font-size:22px;margin:0;flex:0 0 auto}.template-card-body{display:flex;flex:1;flex-direction:column;padding:18px 20px 20px}.template-card-body h2{font-size:20px;margin:7px 0}.template-card-body p{color:#77695f;line-height:1.65;flex:1}.template-category{font-size:12px;font-weight:800;color:var(--brand-primary);letter-spacing:.04em}.template-meta{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.template-meta span{font-size:12px;padding:5px 9px;border-radius:999px;background:#fff3e8;color:#7a4b29;border:1px solid #f0d6c2}.template-create-banner,.project-template-panel{display:flex;justify-content:space-between;gap:20px;align-items:center}.template-create-banner{background:linear-gradient(125deg,#fff8f1,#fff);border:1px solid #efd9c7;border-radius:18px;padding:18px 20px;margin:14px 0 22px}.template-create-banner>div{display:flex;gap:13px;align-items:flex-start}.template-create-banner>div>span{font-size:28px}.template-create-banner p,.project-template-panel p{margin:5px 0 0;color:#78695f}.project-template-panel{margin-bottom:18px}.template-apply-box{min-width:270px}.template-apply-box summary{cursor:pointer;font-weight:800;color:var(--brand-primary)}.template-apply-box form{display:flex;gap:8px;margin-top:10px}.template-apply-box select{min-width:210px}.template-admin-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:20px;align-items:start}.template-admin-list{display:grid;gap:12px;position:sticky;top:90px}.template-admin-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px}.template-admin-row small{display:block;color:#8a796e;margin-top:4px}.template-admin-actions{display:grid;gap:6px;justify-items:end}.template-admin-actions form{margin:0}
@media(max-width:1050px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-admin-layout{grid-template-columns:1fr}.template-admin-list{position:static}}
@media(max-width:700px){.template-grid{grid-template-columns:1fr}.template-create-banner,.project-template-panel{align-items:stretch;flex-direction:column}.template-create-banner .button{width:100%;text-align:center}.template-apply-box{min-width:0;width:100%}.template-apply-box form{flex-direction:column}.template-apply-box select{width:100%;min-width:0}.template-admin-row{grid-template-columns:auto 1fr}.template-admin-actions{grid-column:1/-1;display:flex;justify-content:flex-end}}


/* v1.9 social publishing centre */
#social-publishing{scroll-margin-top:18px}.social-publishing .panel-title{align-items:flex-start}.social-publishing .panel-title p{max-width:760px;margin:6px 0 0;color:var(--muted);line-height:1.6}.social-generate-form{display:grid;grid-template-columns:210px minmax(0,1fr) auto;gap:16px;align-items:end;padding:18px;border:1px solid #eeddd1;border-radius:17px;background:#fffaf6;margin:18px 0}.social-generate-form fieldset{border:0;padding:0;margin:0}.social-generate-form legend{font-size:12px;font-weight:900;color:#67574e;margin-bottom:8px}.social-platform-picker{display:grid;grid-template-columns:repeat(5,minmax(115px,1fr));gap:8px}.social-platform-picker label{cursor:pointer}.social-platform-picker input{position:absolute;opacity:0;pointer-events:none}.social-platform-picker span{height:100%;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;border:1px solid #e8d9cf;border-radius:13px;padding:10px;background:#fff;transition:.15s}.social-platform-picker b{grid-row:1/3;width:29px;height:29px;border-radius:9px;background:#fff0e5;color:var(--brand-primary);display:grid;place-items:center}.social-platform-picker strong,.social-platform-picker small{display:block}.social-platform-picker strong{font-size:12px}.social-platform-picker small{font-size:10px;color:#88776d}.social-platform-picker input:checked+span{border-color:var(--brand-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-primary) 15%,transparent);background:#fff7f0}.social-empty{padding:26px;text-align:center;color:#8a796f;border:1px dashed #dfcfc4;border-radius:16px}.social-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.social-content-card{border:1px solid #e8d8cd;border-radius:19px;padding:18px;background:#fff;box-shadow:0 10px 30px #55301b0a}.social-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-bottom:14px}.social-card-head strong,.social-card-head small{display:block}.social-card-head small{color:#8a796f;margin-top:3px}.social-platform-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#fff0e4,#fff9f4);display:grid;place-items:center;color:var(--brand-primary);font-weight:950}.edited-chip{font-size:10px;font-weight:900;padding:5px 8px;border-radius:999px;background:#e9f6ee;color:#147044}.social-content-form{display:grid;gap:12px}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.copy-field .text-button{padding:8px}.textarea-copy{align-items:start}.textarea-copy .text-button{margin-top:4px}.social-card-actions{display:flex;justify-content:flex-end}.danger-text{color:#ad352c!important}.social-content-card>form:last-child{margin-top:8px;text-align:right}
@media(max-width:1150px){.social-generate-form{grid-template-columns:180px minmax(0,1fr)}.social-generate-form>.button{grid-column:1/-1;justify-self:start}.social-platform-picker{grid-template-columns:repeat(3,minmax(120px,1fr))}}
@media(max-width:850px){.social-content-grid{grid-template-columns:1fr}.social-generate-form{grid-template-columns:1fr}.social-platform-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.social-generate-form>.button{width:100%;justify-content:center}}
@media(max-width:520px){.social-platform-picker{grid-template-columns:1fr}.social-card-head{grid-template-columns:auto 1fr}.edited-chip{grid-column:1/-1;justify-self:start}.copy-field{grid-template-columns:1fr}.copy-field .text-button{justify-self:end;padding:3px 0}.social-content-card{padding:14px}}


/* v2.0 AI cover studio */
#cover-studio{scroll-margin-top:18px}.cover-studio .panel-title{align-items:flex-start}.cover-studio .panel-title p{max-width:760px;margin:6px 0 0;color:var(--muted);line-height:1.6}.cover-context-form{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.cover-context-form label{min-width:190px}.cover-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:22px;align-items:start}.cover-preview-panel{position:sticky;top:88px}.cover-preview-panel canvas{display:block;width:100%;max-height:72vh;object-fit:contain;background:#1f1b18;border-radius:20px;box-shadow:0 18px 50px #3b22152c}.cover-preview-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.cover-preview-actions small{color:#817168}.cover-controls{display:grid;gap:14px}.cover-ai-form{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:end;padding:14px;border:1px solid #efdaca;border-radius:16px;background:#fff9f4}.cover-ai-reason{padding:14px 16px;border-radius:15px;background:#eef8f2;border:1px solid #c9e6d2}.cover-ai-reason strong{color:#17683e}.cover-ai-reason p{margin:6px 0 0;color:#4f6458;line-height:1.55}.cover-controls form{display:grid;gap:12px}.cover-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cover-control-grid input[type=range]{padding:10px 0}.cover-control-grid input[type=color]{height:45px;padding:4px}.cover-scene-picker{border:0;padding:0;margin:4px 0}.cover-scene-picker legend{font-weight:850;margin-bottom:8px}.cover-scene-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cover-scene-picker legend{grid-column:1/-1}.cover-scene-picker label{cursor:pointer}.cover-scene-picker input{position:absolute;opacity:0}.cover-scene-picker span{display:block;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 5px 16px #50301c12;transition:.16s}.cover-scene-picker img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.cover-scene-picker small{display:block;padding:6px;text-align:center;color:#78695f}.cover-scene-picker input:checked+span{border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 15%,transparent)}.cover-saved{display:flex;gap:14px;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid #eadbd1}.cover-saved img{width:110px;height:110px;object-fit:cover;border-radius:14px}.cover-saved strong,.cover-saved span{display:block}.cover-saved span{color:#7c6c62;margin-top:5px}.cover-preview-actions .button:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:980px){.cover-layout{grid-template-columns:1fr}.cover-preview-panel{position:static;max-width:620px;margin:auto;width:100%}.cover-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.cover-context-form,.cover-ai-form{display:grid;grid-template-columns:1fr}.cover-context-form label{min-width:0}.cover-control-grid{grid-template-columns:1fr 1fr}.cover-scene-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-preview-panel canvas{max-height:64vh}.cover-saved{align-items:flex-start}}


/* v2.1 background music */
.music-library-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.35fr);gap:20px;align-items:start}.music-upload-form{display:grid;gap:15px;position:sticky;top:92px}.music-file-picker{border:1px dashed #d8bca9;border-radius:16px;padding:16px;background:#fffaf6;display:grid;gap:8px}.music-file-picker input{padding:8px;background:#fff}.music-track-list{display:grid;gap:13px}.music-track-card{border:1px solid #ead9cd;border-radius:17px;padding:16px;background:#fff;display:grid;gap:12px}.music-track-card.is-inactive{opacity:.62;background:#f6f3f0}.music-track-head,.music-card-actions,.music-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.music-track-head strong,.music-track-head small{display:block}.music-track-head small,.music-meta{color:#806f64;font-size:12px}.music-track-card audio{width:100%;height:42px}.music-status{font-size:11px;font-weight:800;padding:5px 9px;border-radius:999px}.music-status.active{background:#e8f8ee;color:#17703a}.music-status.inactive{background:#eee8e3;color:#77675e}.music-attribution{margin:0;color:#6f625a;font-size:13px}.background-music-panel{border:1px solid #e8d4c7;background:linear-gradient(145deg,#fffaf5,#fff);border-radius:18px;padding:18px;margin-bottom:18px}.music-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:12px}.music-panel-head h3{margin:3px 0 5px}.music-panel-head p{margin:0;color:#76675f}.music-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:14px}.music-settings-grid label{display:grid;gap:7px}.music-settings-grid label:first-child{grid-column:span 2}.music-settings-grid input[type=range]{padding:0}.render-readiness{grid-template-columns:repeat(5,minmax(0,1fr))}.timeline-block.music{background:linear-gradient(90deg,#8b5cf6,#c084fc);opacity:0;transition:opacity .2s}.timeline-block.music.is-visible{opacity:1}#timeline-music-audio{width:100%;height:42px;margin:13px 0 6px}.mini-warning{border:1px solid #efd08c;background:#fff6df;color:#73530f;border-radius:12px;padding:11px 13px;margin-top:10px;font-size:13px}@media(max-width:1000px){.music-library-layout{grid-template-columns:1fr}.music-upload-form{position:static}.music-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.render-readiness{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.music-settings-grid{grid-template-columns:1fr}.music-settings-grid label:first-child{grid-column:auto}.music-panel-head{display:grid}.render-readiness{grid-template-columns:1fr}.music-track-head,.music-card-actions{align-items:flex-start}}


/* v2.2 AI music recommendation */
.music-tags{display:flex;gap:6px;flex-wrap:wrap}.music-tags span,.music-rec-chips i{font-style:normal;font-size:11px;font-weight:800;border-radius:999px;padding:5px 8px;background:#f1ebff;color:#6547a0}.music-profile-editor{border-top:1px solid #eee0d7;padding-top:10px}.music-profile-editor summary{cursor:pointer;font-size:12px;font-weight:850;color:#6d5749}.music-profile-editor form{display:grid;gap:10px;margin-top:11px}.music-recommendation{border:1px solid #ded2fb;background:linear-gradient(145deg,#f8f5ff,#fff);border-radius:16px;padding:15px;margin:13px 0 15px}.music-recommendation-head,.music-recommendation-result{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.music-recommendation-head h4{margin:3px 0 4px}.music-recommendation-head p,.music-recommendation-primary p{margin:0;color:#6f6478;line-height:1.55}.music-recommendation-result{margin-top:13px;border-top:1px solid #e5dcf8;padding-top:13px}.music-recommendation-primary strong,.music-recommendation-primary span{display:block}.music-recommendation-primary span{font-size:12px;color:#776c80;margin-top:4px}.music-rec-chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.music-rec-apply{flex:0 0 auto}.music-recommendation-empty{margin-top:12px;border:1px dashed #d9caef;border-radius:12px;padding:11px;color:#74677d;background:#fff}.music-alternatives{display:grid;gap:7px;margin-top:12px}.music-alternatives>strong{font-size:12px}.music-alternatives form{margin:0}.music-alternatives button{width:100%;text-align:left;border:1px solid #e3d8f5;background:#fff;border-radius:11px;padding:9px 11px;cursor:pointer;color:inherit}.music-alternatives button span,.music-alternatives button small{display:block}.music-alternatives button span{font-weight:850}.music-alternatives button small{color:#7f7288;margin-top:3px}.music-alternatives button:hover{border-color:#9b7adb;background:#fbf9ff}
@media(max-width:700px){.music-recommendation-head,.music-recommendation-result{display:grid}.music-rec-apply .button,.music-recommendation-head .button{width:100%;justify-content:center}}


/* v2.3 AI edit studio */
.edit-studio{scroll-margin-top:90px}.edit-settings-grid,.edit-clip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.edit-analyze-form{display:grid;gap:14px}.edit-summary{margin-top:18px;padding:16px;border:1px solid var(--border,#ead9cc);border-radius:16px;background:#fffaf6}.edit-summary>div{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.edit-summary strong{font-size:18px}.edit-summary span{color:#806f64}.edit-summary p{margin:10px 0 0;line-height:1.65}.edit-visual-timeline{height:24px;position:relative;margin:15px 0;border-radius:999px;background:#eee3dc;overflow:hidden}.edit-visual-timeline i{position:absolute;top:3px;height:18px;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#a78bfa);box-shadow:inset 0 0 0 1px #ffffff66}.edit-clips-form{display:grid;gap:14px}.edit-clip-list{display:grid;gap:12px}.edit-clip-row{border:1px solid #e9d8cc;border-radius:16px;padding:15px;background:#fff}.edit-clip-row header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.edit-clip-row header span{color:#806f64;font-size:13px}.edit-clip-row header .text-button{margin-left:auto}.edit-clip-row label{display:grid;gap:6px}.edit-actions,.edit-apply-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.edit-apply-row{margin-top:16px;padding-top:15px;border-top:1px solid #eaded5}.timeline-block.edit{background:#8b5cf6}@media(max-width:900px){.edit-settings-grid,.edit-clip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.edit-settings-grid,.edit-clip-grid{grid-template-columns:1fr}.edit-clip-row header{align-items:flex-start;flex-wrap:wrap}.edit-clip-row header .text-button{margin-left:0}.edit-actions .button,.edit-apply-row .button{width:100%;justify-content:center}}


/* v2.4 visual quality review */
.quality-studio{scroll-margin-top:90px}.quality-empty{display:grid;gap:12px}.quality-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.quality-overview>div{padding:15px;border:1px solid #eadbd0;border-radius:15px;background:#fffaf7}.quality-overview strong,.quality-overview span{display:block}.quality-overview strong{font-size:25px}.quality-overview span{font-size:12px;color:#7b6c63;margin-top:4px}.quality-summary{line-height:1.7}.quality-toolbar,.quality-actions,.quality-final-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:15px 0}.quality-sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quality-sample-card{border:1px solid #ead9cd;border-radius:17px;padding:12px;background:#fff;display:grid;gap:10px}.quality-sample-card.action-remove{border-color:#efb7b1;background:#fff9f8}.quality-sample-card.action-review{border-color:#efd58f}.quality-sample-card.action-keep{border-color:#bfe2c7}.quality-image-wrap{position:relative;border-radius:13px;overflow:hidden;background:#17120f;aspect-ratio:16/9}.quality-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.quality-play{position:absolute;left:8px;bottom:8px;border:0;background:#17120fd9;color:#fff;border-radius:999px;padding:7px 10px;font-weight:700;cursor:pointer}.highlight-badge{position:absolute;right:8px;top:8px;background:#f59e0b;color:#fff;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.quality-score-row{display:flex;gap:7px;flex-wrap:wrap}.quality-score-row span,.quality-issues i{font-style:normal;font-size:11px;border-radius:999px;padding:5px 8px;background:#f4ece7;color:#5e5048}.quality-issues{display:flex;gap:6px;flex-wrap:wrap}.quality-issues i{background:#fff0cf;color:#7b5200}.quality-sample-card label{display:grid;gap:5px;font-size:12px;font-weight:700}.quality-sample-card textarea,.quality-sample-card input,.quality-sample-card select{font-size:13px}.quality-final-actions{border-top:1px solid #eaded5;padding-top:15px}.quality-final-actions form{margin:0}@media(max-width:950px){.quality-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.quality-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-sample-grid{grid-template-columns:1fr}.quality-toolbar .button,.quality-actions .button,.quality-final-actions .button{width:100%;justify-content:center}}


/* v2.6 SaaS operations stability */
.simple-flow{background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fed7aa;border-radius:22px;padding:22px;margin:18px 0;box-shadow:0 12px 35px rgba(234,88,12,.08)}
.simple-flow-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.simple-flow-head h2{margin:4px 0 0}.simple-flow-progress{height:8px;background:#ffedd5;border-radius:999px;overflow:hidden}.simple-flow-progress i{display:block;height:100%;background:var(--brand-primary);border-radius:inherit}.simple-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.simple-flow-steps a{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #e7e5e4;border-radius:14px;background:#fff;color:#57534e;text-decoration:none}.simple-flow-steps a span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f5f5f4;font-weight:800}.simple-flow-steps a.done{border-color:#86efac;background:#f0fdf4;color:#166534}.simple-flow-steps a.current{border-color:#fdba74;background:#fff7ed;color:#9a3412}.simple-flow-steps a.current span{background:var(--brand-primary);color:#fff}
.queue-status-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:16px}.queue-status-banner.online{background:#f0fdf4;border-color:#bbf7d0}.queue-status-banner.offline{background:#fff7ed;border-color:#fed7aa}.queue-status-banner strong{display:block}.queue-status-banner small{display:block;margin-top:4px;color:#64748b}.queue-number{font-size:1.8rem;font-weight:900;color:var(--brand-primary);white-space:nowrap}.queue-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.queue-admin-stats article{padding:18px;border-radius:16px;background:#fff;border:1px solid #e7e5e4}.queue-admin-stats span{display:block;color:#78716c}.queue-admin-stats strong{font-size:1.7rem}.queue-priority{display:inline-flex;padding:4px 8px;border-radius:999px;background:#f1f5f9;font-size:.78rem}.technical-details{margin-top:18px;text-align:left;max-width:920px}.technical-details summary{cursor:pointer;color:#78716c}.technical-details pre{white-space:pre-wrap;word-break:break-word;background:#1c1917;color:#f5f5f4;padding:14px;border-radius:12px;max-height:320px;overflow:auto}.advanced-tools-note{padding:12px 16px;border-radius:14px;background:#fafafa;border:1px dashed #d6d3d1;color:#57534e;margin:12px 0 18px}.watermark-note{font-size:.85rem;color:#9a3412;background:#fff7ed;padding:9px 12px;border-radius:10px}
@media(max-width:760px){.simple-flow-steps{grid-template-columns:1fr 1fr}.simple-flow-head,.queue-status-banner{align-items:flex-start;flex-direction:column}.queue-admin-stats{grid-template-columns:1fr 1fr}.queue-number{font-size:1.35rem}}


/* v2.7 support and delivery notifications */
.support-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:18px;align-items:start}.support-ticket-list{display:grid;gap:12px}.support-ticket-card{border:1px solid #e7e5e4;border-radius:16px;padding:16px;background:#fff}.support-ticket-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.support-ticket-head strong{display:block}.support-ticket-head small{display:block;color:#78716c;margin-top:4px}.support-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f1f5f9;font-size:.78rem;font-weight:800;white-space:nowrap}.support-status-open{background:#fff7ed;color:#9a3412}.support-status-in_progress{background:#eff6ff;color:#1d4ed8}.support-status-waiting_user{background:#fefce8;color:#854d0e}.support-status-resolved{background:#f0fdf4;color:#166534}.support-status-closed{background:#f5f5f4;color:#57534e}.support-message{white-space:pre-wrap;line-height:1.65;margin:12px 0}.support-admin-note{padding:12px 14px;border-radius:12px;background:#f8fafc;border-left:4px solid var(--brand-primary);margin-top:12px}.support-admin-grid{display:grid;gap:12px}.support-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.support-filter a{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #e7e5e4;text-decoration:none;color:#57534e}.support-filter a.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.ticket-priority{font-size:.76rem;font-weight:800;text-transform:uppercase}.ticket-priority-urgent,.ticket-priority-high{color:#b91c1c}.render-email-note{font-size:.86rem;color:#64748b;margin-top:8px}@media(max-width:900px){.support-layout{grid-template-columns:1fr}}


/* v2.8 backup maintenance and public status */
.status-hero{max-width:860px;margin:34px auto 18px;text-align:center}.status-light{width:14px;height:14px;border-radius:50%;display:inline-block;margin-right:8px}.status-light-operational{background:#16a34a}.status-light-degraded{background:#f59e0b}.status-light-outage{background:#dc2626}.status-summary{display:inline-flex;align-items:center;padding:10px 15px;border-radius:999px;background:#fff;border:1px solid #e7e5e4;font-weight:850}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.status-card{background:#fff;border:1px solid #e7e5e4;border-radius:17px;padding:18px}.status-card strong{display:block;font-size:1.05rem}.status-card small{display:block;color:#78716c;margin-top:5px}.incident-card{border-left:5px solid #f59e0b}.incident-card.severity-critical{border-left-color:#dc2626}.maintenance-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:18px;align-items:start}.backup-list,.maintenance-list,.incident-list{display:grid;gap:11px}.backup-row,.maintenance-row,.incident-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid #e7e5e4;border-radius:14px;background:#fff}.backup-row small,.maintenance-row small,.incident-row small{display:block;color:#78716c;margin-top:4px}.maintenance-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:850}.maintenance-status-completed{background:#ecfdf5;color:#166534}.maintenance-status-failed{background:#fef2f2;color:#991b1b}.maintenance-status-running{background:#eff6ff;color:#1d4ed8}.cron-box{background:#1c1917;color:#f5f5f4;padding:14px;border-radius:13px;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.maintenance-actions{display:flex;gap:10px;flex-wrap:wrap}.maintenance-actions form{margin:0}@media(max-width:860px){.status-grid{grid-template-columns:1fr}.maintenance-grid{grid-template-columns:1fr}.backup-row,.maintenance-row,.incident-row{grid-template-columns:1fr}}


/* v2.9 controlled access */
.invite-once{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:2px solid var(--brand-primary)}
.invite-once strong{font-size:clamp(20px,4vw,30px);letter-spacing:.08em;word-break:break-all}.invite-once span{font-weight:800;color:#9a3412}
.access-pending-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid #ead8ca;border-radius:16px;background:#fff8f1;margin:18px 0}.access-pending-card span{color:#9a3412;font-weight:800}
.access-list,.access-request-list{display:grid;gap:10px}.access-list article,.access-request-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #ead8ca;border-radius:15px;background:#fff}.access-list article>div,.access-request-list article>div{min-width:0}.access-list small,.access-request-list small{display:block;color:#78685f;margin-top:4px}.access-request-list p{margin:8px 0 0;color:#4c4039}.access-list form,.access-request-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.access-request-actions select,.access-request-actions input{width:auto;min-width:90px}
@media(max-width:760px){.access-list article,.access-request-list article{align-items:stretch;flex-direction:column}.access-list form,.access-request-actions{width:100%}.access-request-actions select,.access-request-actions input{width:100%}}


/* v3.0 subscription lifecycle */
.subscription-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin:0 0 20px;border-radius:18px;border:1px solid #f0cf9b;background:#fff8e8}.subscription-banner strong{display:block;font-size:18px}.subscription-banner p{margin:5px 0 0;color:#6f5746}.subscription-banner.danger{border-color:#efb1ad;background:#fff0ef}.subscription-banner.warning{border-color:#f2cf85;background:#fff9e7}.subscription-state{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f1ece8;font-size:12px;font-weight:800}.subscription-state.state-active{background:#e9f8ef;color:#166534}.subscription-state.state-trial{background:#eef2ff;color:#3730a3}.subscription-state.state-grace{background:#fff4df;color:#9a4d00}.subscription-state.state-paused,.subscription-state.state-cancelled{background:#fff0ef;color:#991b1b}.subscription-table small{display:block;color:#7d6d63;margin-top:4px}@media(max-width:760px){.subscription-banner{align-items:stretch;flex-direction:column}.subscription-banner .button{width:100%;text-align:center}.subscription-table{min-width:780px}}


/* v3.1 multi-style render versions */
.visual-style-studio{border:1px solid #fed7aa;background:linear-gradient(180deg,#fffaf5,#fff);border-radius:20px;padding:20px;margin-bottom:20px}
.visual-style-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.visual-style-head h3{margin:2px 0 5px}.visual-style-head p{margin:0;color:#78716c}
.visual-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.visual-style-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;border:1px solid #e7e5e4;border-radius:16px;padding:14px;background:#fff;cursor:pointer;transition:.18s ease}
.visual-style-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #7c2d1214}
.visual-style-card input{position:absolute;opacity:0;pointer-events:none}
.visual-style-card:has(input:checked){border-color:#ea580c;box-shadow:0 0 0 3px #fed7aa}
.visual-style-icon{grid-row:1/4;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--style-accent) 12%,white);color:var(--style-accent);font-size:22px;font-style:normal}
.visual-style-card strong{font-size:14px}.visual-style-card small{color:#57534e}.visual-style-card em{grid-column:2;color:#78716c;font-size:12px;font-style:normal;line-height:1.45}
.visual-style-options{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-top:16px}.visual-style-options .wide{grid-column:auto}
.style-pack-picker{margin:16px 0 0;border:1px dashed #fdba74;border-radius:14px;padding:13px}.style-pack-picker legend{padding:0 7px;font-weight:800}.style-pack-picker>div{display:flex;flex-wrap:wrap;gap:8px}.style-pack-picker label{display:flex;align-items:center;gap:6px;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:7px 10px}.style-pack-picker small{display:block;margin-top:9px;color:#9a3412}
.render-actions .button.accent{background:#7c3aed}.render-style-chip{display:inline-flex;margin-left:8px;padding:3px 8px;border-radius:999px;background:#ede9fe;color:#6d28d9;font-size:12px;font-weight:800}
@media(max-width:900px){.visual-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-style-options{grid-template-columns:1fr}}
@media(max-width:560px){.visual-style-grid{grid-template-columns:1fr}.visual-style-head{display:block}.visual-style-head .secure-chip{display:inline-flex;margin-top:10px}.style-pack-picker>div{display:grid;grid-template-columns:1fr 1fr}.render-actions{display:grid}.render-actions .button{width:100%}}


/* v3.2 AI auto director */
.auto-director{border:1px solid #c4b5fd;background:linear-gradient(145deg,#faf8ff,#fff 55%);scroll-margin-top:20px}.auto-director-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.auto-director-head h2{margin:4px 0 6px}.auto-director-head p{margin:0;color:#6b6178;max-width:760px}.director-status{display:inline-flex;padding:7px 11px;border-radius:999px;background:#ede9fe;color:#6d28d9;font-weight:800;font-size:12px;white-space:nowrap}.director-status.status-queued{background:#e0f2fe;color:#075985}.director-status.status-failed{background:#fee2e2;color:#991b1b}.director-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.director-action-row{display:flex;align-items:center;gap:14px;margin-top:15px}.director-action-row small{color:#78716c}.director-summary{margin:20px 0 14px;padding:16px;border-radius:16px;background:#f5f3ff;border:1px solid #ddd6fe}.director-summary p{margin:7px 0 12px}.director-summary>div{display:flex;flex-wrap:wrap;gap:8px}.director-summary span,.confidence-chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff;color:#5b21b6;font-size:12px;font-weight:750}.director-clip-list{display:grid;gap:12px}.director-clip-card{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:15px;border:1px solid #e7e5e4;border-radius:16px;background:#fff}.director-clip-number{display:flex;flex-direction:column;align-items:center;gap:10px}.director-clip-number>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#7c3aed;color:#fff;font-weight:900}.director-clip-number label{font-size:12px;display:flex;align-items:center;gap:5px}.director-clip-fields{display:grid;gap:10px}.director-time-row{display:flex;align-items:end;gap:10px}.director-time-row label{flex:1}.director-time-row .button{margin-bottom:1px}.director-production-note{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0;padding:14px;border-radius:14px;background:#ecfdf5;border:1px solid #a7f3d0}.director-production-note span{padding:4px 8px;border-radius:999px;background:#fff;color:#166534;font-size:12px;font-weight:700}.director-draft-form .button.accent{background:#7c3aed}@media(max-width:850px){.director-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.director-clip-card{grid-template-columns:1fr}.director-clip-number{flex-direction:row;justify-content:flex-start}.director-time-row{align-items:stretch;flex-direction:column}.director-time-row .button{width:100%}}@media(max-width:560px){.auto-director-head,.director-action-row{display:block}.director-status{margin-top:10px}.director-settings{grid-template-columns:1fr}.director-action-row .button{width:100%;margin-bottom:8px}}

/* v3.3 restaurant content marketing studio */
.head-actions{display:flex;gap:10px;flex-wrap:wrap}.button.restaurant-primary{background:linear-gradient(135deg,#c2410c,#ea580c);box-shadow:0 8px 24px #c2410c24}.restaurant-launch-card{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px;margin:0 0 20px;border-radius:22px;background:linear-gradient(135deg,#fff7ed,#fff 62%);border:1px solid #fdba74}.restaurant-launch-card h2{margin:4px 0 8px}.restaurant-launch-card p{margin:0;color:#6b5b52;max-width:760px}.restaurant-flow{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 20px}.restaurant-flow i{font-style:normal;color:#c4b5a9}.flow-step{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f5f5f4;color:#78716c}.flow-step b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e7e5e4}.flow-step.active{background:#fff7ed;color:#9a3412}.flow-step.active b{background:#ea580c;color:#fff}.restaurant-builder{display:grid;gap:18px}.restaurant-section{padding:22px}.content-type-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.choice-card,.template-choice{position:relative;cursor:pointer;border:1px solid #e7e5e4;border-radius:16px;background:#fff;padding:15px;transition:.16s ease}.choice-card{display:grid;place-items:center;text-align:center;gap:7px}.choice-card>span{font-size:25px}.choice-card input,.template-choice input{position:absolute;opacity:0}.choice-card:has(input:checked),.template-choice:has(input:checked){border-color:#ea580c;box-shadow:0 0 0 3px #ffedd5}.restaurant-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.template-choice{display:flex;flex-direction:column;gap:6px}.template-choice small,.option-switch small{color:#78716c;line-height:1.45}.option-switch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.option-switch{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #e7e5e4;border-radius:14px;background:#fafaf9;cursor:pointer}.option-switch input{margin-top:3px;accent-color:#ea580c}.option-switch span{display:flex;flex-direction:column;gap:3px}.restaurant-fields{margin-top:16px}.restaurant-submit{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;border-radius:18px;background:#1c1917;color:#fff}.restaurant-submit p{margin:5px 0 0;color:#d6d3d1}.restaurant-submit .button{white-space:nowrap}@media(max-width:900px){.content-type-grid{grid-template-columns:repeat(3,1fr)}.restaurant-template-grid{grid-template-columns:repeat(2,1fr)}.option-switch-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.head-actions,.restaurant-launch-card,.restaurant-submit{display:grid}.head-actions .button,.restaurant-launch-card .button,.restaurant-submit .button{width:100%;text-align:center}.restaurant-flow{justify-content:flex-start;overflow:auto}.restaurant-flow i{display:none}.flow-step{white-space:nowrap}.content-type-grid{grid-template-columns:repeat(2,1fr)}.restaurant-template-grid,.option-switch-grid{grid-template-columns:1fr}}


/* v3.4 Restaurant AI Studio */
.restaurant-ai-studio{margin:22px 0;border-color:#fed7aa;background:linear-gradient(180deg,#fff 0,#fffaf5 100%)}
.restaurant-ai-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;margin-top:18px}.restaurant-ai-grid h3,.restaurant-job-list h3{margin:0 0 12px}.restaurant-media-preview{border:1px solid #fed7aa;border-radius:18px;overflow:hidden;background:#fff;margin-bottom:12px}.restaurant-media-preview img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover}.restaurant-media-preview small{display:block;padding:9px 12px;color:#78716c}.restaurant-image-drop{min-height:150px}.restaurant-project-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:14px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa;margin-bottom:14px}.restaurant-project-summary b{font-size:1.08rem}.restaurant-project-summary span{font-weight:900;color:#ea580c}.restaurant-project-summary small{width:100%;color:#78716c}.restaurant-generation-form>small{display:block;margin-top:8px;color:#78716c}.restaurant-job-list{margin-top:22px;border-top:1px solid #fed7aa;padding-top:18px}.restaurant-job-list article{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #ffedd5}.restaurant-job-list article>div:first-child{display:grid;gap:3px}.restaurant-job-list small{color:#78716c}.restaurant-job-list em{color:#b91c1c;font-style:normal;font-size:.88rem}.job-actions{display:flex;gap:8px;align-items:center}.job-actions form{margin:0}
@media(max-width:800px){.restaurant-ai-grid{grid-template-columns:1fr}.restaurant-job-list article{align-items:flex-start;flex-direction:column}.job-actions{width:100%}.job-actions .button{width:100%;text-align:center}}

/* v3.5 Restaurant auto packaging */
.restaurant-brand-assets{margin-top:18px}.restaurant-logo-preview{width:88px;height:88px;object-fit:contain;border:1px solid #e7e5e4;border-radius:18px;background:#fff;padding:8px}.restaurant-logo-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.restaurant-logo-form input[type=file]{max-width:360px}.restaurant-logo-form small{color:#78716c}.restaurant-packaging{margin-top:20px}.restaurant-package-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}.restaurant-package-summary>div{border:1px solid #fed7aa;background:#fffaf5;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:4px}.restaurant-package-summary b{font-size:12px;color:#9a3412;text-transform:uppercase;letter-spacing:.04em}.restaurant-package-summary span{font-size:13px;color:#44403c}.restaurant-package-source{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:18px;align-items:center}.restaurant-package-source video{width:100%;max-height:430px;background:#111;border-radius:18px}.restaurant-package-source form{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.restaurant-job-actions{display:flex;align-items:center;gap:8px}.restaurant-job-actions .mini-error{max-width:360px}.restaurant-packaging .restaurant-job-list{margin-top:20px}@media(max-width:800px){.restaurant-package-summary{grid-template-columns:1fr 1fr}.restaurant-package-source{grid-template-columns:1fr}}@media(max-width:520px){.restaurant-package-summary{grid-template-columns:1fr}}

/* v3.6.1 restaurant creative chooser */
.restaurant-creative-studio{scroll-margin-top:24px}.restaurant-creative-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:18px}.restaurant-creative-card{border:1px solid var(--line,#e7e5e4);border-radius:18px;padding:16px;background:var(--panel,#fff);display:flex;flex-direction:column;gap:10px}.restaurant-creative-card.selected{outline:2px solid #ea580c;border-color:#fdba74}.creative-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.creative-card-head span{font-size:12px;font-weight:800;color:#c2410c}.creative-card-head h3{margin:3px 0 0;font-size:18px}.creative-card-head b{font-size:12px;color:#166534;background:#dcfce7;padding:5px 8px;border-radius:999px;white-space:nowrap}.restaurant-creative-card blockquote{margin:0;padding:12px 14px;border-radius:12px;background:#fff7ed;border-left:3px solid #fb923c;font-size:15px;line-height:1.65}.restaurant-creative-card blockquote.muted{color:#78716c;background:#f5f5f4;border-color:#d6d3d1}.restaurant-creative-card p{margin:0;color:#57534e;font-size:13px;line-height:1.55}.creative-empty,.creative-rule{margin-top:16px;padding:14px 16px;border-radius:14px;background:#fff7ed;display:flex;flex-direction:column;gap:5px}.creative-rule{background:#f5f5f4}.creative-empty span,.creative-rule span{font-size:13px;color:#57534e;line-height:1.5}@media(max-width:640px){.restaurant-creative-grid{grid-template-columns:1fr}.restaurant-creative-studio .panel-title{align-items:flex-start;gap:12px}.restaurant-creative-studio .panel-title form{width:100%}.restaurant-creative-studio .panel-title button{width:100%}}

/* v3.7 restaurant multimodal media */
.restaurant-media-library{display:grid;gap:10px;margin-top:16px}.restaurant-media-library h4{margin:0}.restaurant-media-item{display:grid;grid-template-columns:88px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--border,#e7e5e4);border-radius:14px;background:rgba(255,255,255,.7)}.restaurant-media-item img,.restaurant-media-item video{width:88px;height:76px;object-fit:cover;border-radius:10px;background:#111}.restaurant-media-item div{display:grid;gap:3px;min-width:0}.restaurant-media-item div span,.restaurant-media-item div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.restaurant-real-person-check{display:flex!important;align-items:center;gap:8px;padding-top:28px}.restaurant-real-person-check input{width:auto}.restaurant-strategy-card{display:grid;gap:6px;padding:14px 16px;margin:12px 0 16px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa}.restaurant-strategy-card strong{color:#9a3412}.restaurant-strategy-card span{line-height:1.5}.restaurant-strategy-card small{color:#78716c}@media(max-width:720px){.restaurant-media-item{grid-template-columns:72px 1fr}.restaurant-media-item img,.restaurant-media-item video{width:72px;height:68px}.restaurant-media-item form{grid-column:2}.restaurant-real-person-check{padding-top:0}}


/* v3.8 authorized people + multi-shot storyboard */
.restaurant-people-panel,.restaurant-cast-storyboard{margin-top:18px}.restaurant-person-form{margin-top:14px}.restaurant-consent-check{display:flex!important;align-items:flex-start;gap:9px}.restaurant-consent-check input{width:auto;margin-top:4px}.restaurant-person-list{display:grid;gap:9px;margin-top:16px}.restaurant-person-list article{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #e7e5e4;border-radius:14px;padding:12px 14px;background:#fff}.restaurant-person-list article>div:first-child{display:grid;gap:3px}.restaurant-person-list span,.restaurant-person-list small{color:#78716c}.restaurant-person-list article>div:last-child{display:flex;gap:8px;align-items:center}.restaurant-person-list form{margin:0}.restaurant-asset-help{margin-top:14px;padding:13px 15px;border-radius:13px;background:#eff6ff;color:#1e3a8a;display:grid;gap:4px}.restaurant-asset-help code{font-size:12px}.restaurant-cast-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.restaurant-cast-form,.restaurant-storyboard-form{border:1px solid #fed7aa;border-radius:16px;padding:15px;background:#fffaf5;display:grid;gap:10px}.restaurant-cast-form label,.restaurant-storyboard-form label{display:grid;gap:7px;font-weight:700}.restaurant-cast-form small,.restaurant-storyboard-form small{color:#78716c}.restaurant-storyboard{margin-top:16px}.storyboard-summary{display:grid;gap:5px;padding:14px;border-radius:14px;background:#1c1917;color:#fff}.storyboard-summary span{color:#d6d3d1;font-size:13px}.storyboard-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:10px}.storyboard-shots article{border:1px solid #e7e5e4;border-radius:15px;padding:13px;background:#fff;display:grid;gap:6px}.storyboard-shots article b{color:#c2410c}.storyboard-shots article span{font-size:12px;font-weight:800;color:#78716c}.storyboard-shots article p{margin:0;font-size:13px;line-height:1.5}.storyboard-shots article small{color:#57534e;line-height:1.45}@media(max-width:720px){.restaurant-cast-grid{grid-template-columns:1fr}.restaurant-person-list article{align-items:flex-start;flex-direction:column}.restaurant-person-list article>div:last-child{width:100%}}
/* v3.9 · Seedance-native text strategy */
.restaurant-text-strategy{margin-top:18px;padding:18px;border:1px solid #fed7aa;border-radius:18px;background:#fffaf5}.restaurant-text-strategy>strong{display:block;font-size:16px}.restaurant-text-strategy>p{margin:5px 0 14px;color:#78716c}.restaurant-exact-copy{margin-top:18px;padding:18px;border:1px solid #dbeafe;border-radius:18px;background:#f8fbff}.restaurant-exact-copy h3{margin:4px 0}.restaurant-exact-copy p{margin:4px 0 12px;color:#64748b}.restaurant-copy-box{padding:14px;border-radius:14px;background:#fff;border:1px solid #e2e8f0}.restaurant-copy-box strong{display:block;margin-bottom:8px}.restaurant-copy-box pre{white-space:pre-wrap;word-break:break-word;margin:0;font:inherit;line-height:1.65}.restaurant-exact-copy>small{display:block;margin-top:10px;color:#64748b}


/* v4.0 restaurant owner simple wizard */
.restaurant-simple-wizard{margin:18px 0 22px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fed7aa;box-shadow:0 12px 35px rgba(124,45,18,.06)}
.restaurant-wizard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.restaurant-wizard-head h2{margin:4px 0 6px}.restaurant-wizard-head p{margin:0;color:#78716c}
.restaurant-wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.wizard-step{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit;border:1px solid #e7e5e4;border-radius:16px;padding:12px;background:#fff}.wizard-step>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f5f5f4;flex:0 0 auto}.wizard-step span{display:grid;gap:2px}.wizard-step small{color:#78716c}.wizard-step.active{border-color:#fb923c;box-shadow:0 0 0 2px #ffedd5}.wizard-step.active>b{background:#ea580c;color:#fff}.wizard-step.done>b{background:#16a34a;color:#fff}.restaurant-wizard-next{margin-top:14px;padding:12px 14px;border-radius:14px;background:#1c1917;color:#fff;display:flex;gap:8px;align-items:flex-start}.restaurant-wizard-next span{color:#e7e5e4;line-height:1.5}
@media(max-width:760px){.restaurant-wizard-head{display:grid}.restaurant-wizard-steps{grid-template-columns:1fr 1fr}.restaurant-wizard-next{display:grid}}
@media(max-width:430px){.restaurant-wizard-steps{grid-template-columns:1fr}}
/* v4.1 restaurant final generation */
.restaurant-generation-simple{display:grid;gap:18px}.restaurant-setting-label{font-weight:900;color:#431407;grid-column:1/-1}.restaurant-quality-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.restaurant-quality-option{position:relative;display:grid;gap:4px;padding:16px;border:2px solid #fed7aa;border-radius:18px;background:#fff;cursor:pointer;transition:.18s ease}.restaurant-quality-option:hover{border-color:#fb923c;transform:translateY(-1px)}.restaurant-quality-option input{position:absolute;opacity:0;pointer-events:none}.restaurant-quality-option:has(input:checked){border-color:#f97316;background:#fff7ed;box-shadow:0 0 0 3px rgba(249,115,22,.08)}.restaurant-quality-option b{font-size:1rem}.restaurant-quality-option b em{font-style:normal;font-size:.72rem;color:#fff;background:#ea580c;border-radius:999px;padding:3px 7px;margin-left:4px}.restaurant-quality-option small{color:#78716c}.restaurant-simple-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.restaurant-simple-options label{display:grid;gap:7px;font-weight:800}.restaurant-simple-options select{width:100%}.restaurant-generate-big{min-height:58px;font-size:1.08rem;border-radius:18px}.restaurant-generation-note{display:block;text-align:center;color:#78716c;line-height:1.55}@media(max-width:720px){.restaurant-quality-group{grid-template-columns:1fr}.restaurant-simple-options{grid-template-columns:1fr}.restaurant-quality-option{padding:14px}.restaurant-generate-big{min-height:56px}}

/* v4.2 restaurant final delivery */
.restaurant-delivery{margin-top:22px;border:1px solid #bbf7d0;background:linear-gradient(145deg,#f0fdf4,#fff 58%);scroll-margin-top:24px}.restaurant-delivery-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.restaurant-delivery-head h2{margin:4px 0 6px}.restaurant-delivery-head p{margin:0;color:#64748b}.restaurant-ready-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:900;white-space:nowrap}.restaurant-delivery-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:22px;margin-top:18px}.restaurant-final-video{display:grid;gap:12px}.restaurant-final-video video{width:100%;max-height:560px;border-radius:18px;background:#111;object-fit:contain}.restaurant-final-actions{display:flex;gap:10px;flex-wrap:wrap}.restaurant-final-actions form{margin:0}.restaurant-final-video>small{color:#64748b}.restaurant-publish-pack{border:1px solid #dbeafe;border-radius:18px;background:#fff;padding:16px}.restaurant-publish-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.restaurant-publish-title>div{display:grid;gap:3px}.restaurant-publish-title span{color:#64748b;font-size:13px}.restaurant-publish-title form{margin:0}.restaurant-copy-empty{display:grid;gap:5px;margin-top:14px;padding:14px;border-radius:14px;background:#f8fafc;color:#475569}.restaurant-publish-tabs{display:grid;gap:10px;margin-top:14px}.restaurant-publish-card{border:1px solid #e2e8f0;border-radius:15px;padding:14px;background:#fff}.restaurant-publish-card>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.restaurant-publish-card>div:first-child b{color:#0f172a}.restaurant-publish-card>strong{display:block;margin-bottom:5px}.restaurant-publish-card p{margin:0;line-height:1.6;white-space:normal}.restaurant-publish-card small{display:block;margin-top:8px;color:#64748b;line-height:1.5}.restaurant-publish-card .text-button{white-space:nowrap}@media(max-width:820px){.restaurant-delivery-grid{grid-template-columns:1fr}.restaurant-final-actions{display:grid}.restaurant-final-actions .button,.restaurant-final-actions form,.restaurant-final-actions form button{width:100%;text-align:center}.restaurant-publish-title{align-items:flex-start;flex-direction:column}.restaurant-publish-title form,.restaurant-publish-title button{width:100%}}@media(max-width:520px){.restaurant-delivery{padding:16px}.restaurant-delivery-head{display:grid}.restaurant-ready-badge{justify-self:start}}

/* v4.3 restaurant brand profile */
.restaurant-brand-hub{border:1px solid rgba(234,88,12,.2);background:linear-gradient(180deg,#fff 0%,#fffaf5 100%)}
.restaurant-brand-form{margin-top:16px}
.restaurant-brand-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(120,113,108,.15)}
.restaurant-brand-summary span{display:inline-flex;align-items:center;min-height:32px;padding:6px 11px;border-radius:999px;background:#fff;border:1px solid rgba(120,113,108,.16);font-size:13px;color:#57534e}
.restaurant-brand-summary span:first-child{color:#9a3412;border-color:rgba(234,88,12,.2);background:#fff7ed}
@media(max-width:700px){.restaurant-brand-form{grid-template-columns:1fr}.restaurant-brand-summary{gap:6px}.restaurant-brand-summary span{font-size:12px}}

/* v4.4 · One-click restaurant content */
.restaurant-quick-create{border:1px solid rgba(234,88,12,.18);background:linear-gradient(135deg,rgba(255,247,237,.96),#fff);margin-bottom:20px}.restaurant-quick-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.restaurant-quick-head h2{margin:4px 0 6px;font-size:clamp(1.35rem,3vw,2rem)}.restaurant-quick-head p{margin:0;max-width:760px;color:var(--muted,#6b7280)}.restaurant-quick-badge{white-space:nowrap;border-radius:999px;padding:7px 11px;background:#fff7ed;border:1px solid #fed7aa;font-size:.8rem;font-weight:800}.restaurant-quick-form{display:grid;grid-template-columns:minmax(240px,1.1fr) minmax(260px,1fr) auto;gap:14px;align-items:stretch}.restaurant-quick-upload{min-height:112px;border:2px dashed #fdba74;border-radius:18px;background:#fff;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;padding:14px}.restaurant-quick-upload input{position:absolute;opacity:0;pointer-events:none}.restaurant-quick-upload>span{font-size:1.6rem}.restaurant-quick-upload strong{margin-top:4px}.restaurant-quick-upload small{margin-top:4px;color:#78716c}.restaurant-quick-upload:focus-within,.restaurant-quick-upload:hover{border-color:#f97316;background:#fffaf5}.restaurant-quick-fields{display:grid;gap:10px}.restaurant-quick-fields label{display:grid;gap:6px;font-weight:700}.restaurant-quick-fields input{width:100%}.restaurant-quick-fields label small{font-weight:500;color:#78716c}.restaurant-quick-submit{align-self:stretch;min-width:190px;border-radius:18px;font-size:1rem;white-space:normal}.restaurant-quick-defaults{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;font-size:.84rem;color:#78716c}.restaurant-quick-defaults b{font-size:.78rem;border-radius:999px;background:#fff;padding:5px 9px;border:1px solid #fed7aa;color:#7c2d12}.restaurant-quick-defaults a{margin-left:auto;font-weight:700}.restaurant-brand-hub{margin-top:18px}
@media(max-width:900px){.restaurant-quick-form{grid-template-columns:1fr}.restaurant-quick-submit{min-height:58px}.restaurant-quick-head{flex-direction:column}.restaurant-quick-defaults a{margin-left:0;width:100%}}

/* v4.5 restaurant visual recognition */
.restaurant-recognition-box{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--border,#dbe2ea);border-radius:16px;background:rgba(255,255,255,.72)}
.restaurant-recognition-box>div:first-child{display:flex;flex-direction:column;gap:3px}.restaurant-recognition-box small{color:var(--muted,#6b7280)}
.restaurant-recognition-status{grid-column:1/-1;font-size:13px;color:var(--muted,#6b7280)}
.restaurant-recognition-result{grid-column:1/-1;padding:12px 14px;border-radius:12px;background:rgba(16,185,129,.08)}
.restaurant-recognition-result b,.restaurant-recognition-result p,.restaurant-recognition-result small{display:block;margin:0 0 5px}.restaurant-recognition-result small{margin-bottom:0}
@media(max-width:680px){.restaurant-recognition-box{grid-template-columns:1fr}.restaurant-recognition-box .button{width:100%}}

/* v4.6 · AI material classification + best ad plan */
.restaurant-recognition-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.restaurant-recognition-meta span{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid rgba(127,127,127,.22);border-radius:999px;font-size:12px;font-weight:700;background:rgba(127,127,127,.07)}
.restaurant-recognition-result small{display:block;margin-top:7px;line-height:1.45}
.restaurant-best-plan{margin-top:14px;padding:16px;border:1px solid rgba(127,127,127,.2);border-radius:16px;background:rgba(127,127,127,.055)}
.restaurant-best-plan h3{margin:4px 0 6px;font-size:18px}
.restaurant-best-plan p{margin:0;color:var(--muted,#707070);line-height:1.55}
.restaurant-plan-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 10px}
.restaurant-plan-sequence span{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:12px;background:rgba(127,127,127,.08);font-size:13px;line-height:1.35}
.restaurant-plan-sequence b{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:rgba(127,127,127,.14);font-size:12px}
.restaurant-best-plan>small{display:block;color:var(--muted,#707070)}
@media(max-width:720px){.restaurant-plan-sequence{grid-template-columns:1fr}.restaurant-best-plan{padding:14px}.restaurant-recognition-meta{gap:6px}}


/* v4.7 · multi-material automatic shot selection */
.restaurant-media-item.auto-selected{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#fff)}
.restaurant-auto-pick,.restaurant-auto-skip{display:inline-flex;margin-top:7px;padding:4px 8px;border-radius:999px;font-style:normal;font-size:11px;font-weight:800}
.restaurant-auto-pick{background:#dcfce7;color:#166534}.restaurant-auto-skip{background:#f5f5f4;color:#57534e}
.restaurant-auto-selection{display:grid;gap:5px;margin-top:12px;padding:12px 13px;border-radius:13px;background:#f0fdf4;border:1px solid #bbf7d0}
.restaurant-auto-selection b{color:#166534}.restaurant-auto-selection span,.restaurant-auto-selection small{line-height:1.45;color:#526258}


/* v4.8 · storyboard material routing */
.storyboard-material{display:block;margin:.55rem 0 .35rem;padding:.4rem .6rem;border-radius:.65rem;background:rgba(34,197,94,.09);font-style:normal;font-weight:700;font-size:.82rem}
.restaurant-shot-routing{margin-top:.7rem;padding:.75rem .85rem;border:1px dashed rgba(59,130,246,.32);border-radius:.85rem;background:rgba(59,130,246,.055);display:grid;gap:.25rem}
.restaurant-shot-routing b{font-size:.9rem}.restaurant-shot-routing span,.restaurant-shot-routing small{font-size:.82rem;line-height:1.45}

/* v4.9 · Restaurant generation preflight QC */
.restaurant-preflight{margin-top:14px;padding:14px;border:1px solid rgba(148,163,184,.28);border-radius:16px;background:rgba(15,23,42,.025)}
.restaurant-preflight.is-ready{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.045)}
.restaurant-preflight.needs-review{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.045)}
.restaurant-preflight-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.restaurant-preflight-head div{display:grid;gap:4px}.restaurant-preflight-head span{font-size:12px;opacity:.72}.restaurant-preflight-head>strong{white-space:nowrap;font-size:12px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.65)}
.restaurant-preflight-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:12px}.restaurant-preflight-checks>span{display:grid;gap:2px;padding:9px 10px;border-radius:12px;font-size:13px;background:rgba(255,255,255,.62)}.restaurant-preflight-checks>span small{font-size:11px;opacity:.7;line-height:1.35}.restaurant-preflight-checks .ok{outline:1px solid rgba(34,197,94,.18)}.restaurant-preflight-checks .warn{outline:1px solid rgba(245,158,11,.22)}.restaurant-preflight-checks .bad{outline:1px solid rgba(239,68,68,.28)}.restaurant-preflight>p{margin:10px 0 0;font-size:12px;opacity:.78}
@media(max-width:680px){.restaurant-preflight-head{display:grid}.restaurant-preflight-head>strong{justify-self:start}.restaurant-preflight-checks{grid-template-columns:1fr}}

/* v5.0 · Restaurant Content MVP closeout */
.restaurant-v50-head h1{max-width:820px}
.restaurant-mvp-status{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin:0 0 14px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.92));box-shadow:0 18px 40px rgba(15,23,42,.12)}
.restaurant-mvp-status>div:first-child{display:flex;flex-direction:column;gap:5px}.restaurant-mvp-status b{font-size:16px}.restaurant-mvp-status span{font-size:13px;color:#cbd5e1}.restaurant-mvp-meter{min-width:82px;text-align:center;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.08)}.restaurant-mvp-meter strong{display:block;font-size:22px}.restaurant-mvp-meter small{color:#cbd5e1}
.restaurant-first-use{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:16px 18px;border:1px solid rgba(245,158,11,.32);border-radius:16px;background:rgba(245,158,11,.08)}.restaurant-first-use>div{display:flex;flex-direction:column;gap:4px}.restaurant-first-use span{font-size:13px;opacity:.78}
.restaurant-advanced-card{margin:14px 0;border:1px solid rgba(148,163,184,.2);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.015)}.restaurant-advanced-card>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;font-weight:700;list-style:none}.restaurant-advanced-card>summary::-webkit-details-marker{display:none}.restaurant-advanced-card>summary:after{content:'＋';font-size:20px;opacity:.55}.restaurant-advanced-card[open]>summary:after{content:'−'}.restaurant-advanced-card>summary small{margin-left:auto;font-weight:500;opacity:.65}.restaurant-advanced-card>.panel,.restaurant-advanced-card>.restaurant-builder{margin:0;border:0;border-top:1px solid rgba(148,163,184,.16);border-radius:0;box-shadow:none}
.restaurant-legacy-builder>summary{background:rgba(148,163,184,.04)}
.restaurant-mvp-note{display:flex;align-items:flex-start;gap:12px;margin:18px 0 4px;padding:14px 16px;border-radius:14px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2)}.restaurant-mvp-note strong{white-space:nowrap}.restaurant-mvp-note span{font-size:13px;opacity:.82;line-height:1.6}
@media(max-width:720px){.restaurant-mvp-status,.restaurant-first-use{align-items:flex-start;flex-direction:column}.restaurant-mvp-meter{width:100%;text-align:left}.restaurant-advanced-card>summary{align-items:flex-start;flex-wrap:wrap}.restaurant-advanced-card>summary small{order:3;width:100%;margin-left:0}.restaurant-mvp-note{flex-direction:column}}