:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#183532;background:#f4f1ea;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #183532;--muted: #64716d;--paper: #fffdf8;--canvas: #f4f1ea;--line: #dcd8cf;--brand: #173f3a;--brand-soft: #dce9e4;--accent: #c97f4a;--danger: #9d342f;--danger-soft: #f7e5e2;--success: #246a52;--shadow: 0 16px 40px rgba(30, 56, 51, .08)}[data-theme=dark]{--ink: #eef6f2;--muted: #a7b6b0;--paper: #172320;--canvas: #101815;--line: #34433e;--brand: #a9dac9;--brand-soft: #213b34}*{box-sizing:border-box}html{min-height:100%;background:var(--canvas)}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas);color:var(--ink)}button,input,select,textarea{font:inherit}button,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}button,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(201,127,74,.48);outline-offset:2px}h1,h2,p{margin-top:0}h1{margin-bottom:.5rem;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;line-height:1.04}h2{margin-bottom:.6rem;letter-spacing:-.02em}.muted{color:var(--muted)}.eyebrow{margin-bottom:.45rem;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.login-shell{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:max(1.5rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1.5rem,env(safe-area-inset-left));background:radial-gradient(circle at 18% 14%,#e0ebe6 0,transparent 32%),var(--canvas)}.login-card{width:min(100%,31rem);padding:clamp(2rem,6vw,3.5rem);border:1px solid rgba(23,63,58,.09);border-radius:32px;background:#fffdf8f0;box-shadow:var(--shadow)}.brand-mark{width:72px;height:72px;display:grid;place-items:center;margin-bottom:1.7rem;border-radius:24px;color:#fffdf8;background:var(--brand);font:800 2.1rem/1 Georgia,serif;box-shadow:0 10px 24px #173f3a33}.brand-mark.small{width:46px;height:46px;margin:0;border-radius:15px;font-size:1.35rem;box-shadow:none}.stack-form{display:grid;gap:1rem;margin-top:2rem}label{display:grid;gap:.5rem;color:var(--ink);font-size:.9rem;font-weight:720}input,select,textarea{width:100%;min-height:52px;border:1px solid var(--line);border-radius:14px;padding:.8rem .95rem;color:var(--ink);background:var(--paper);font-size:1rem}textarea{min-height:140px;resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:var(--accent)}label small{color:var(--muted);font-weight:500;text-align:right}.privacy-note{margin:1.5rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}.primary-button,.secondary-button,.quiet-button,.back-button,.danger-button,.file-button{min-height:52px;border:0;border-radius:15px;padding:.75rem 1.2rem;font-weight:760}.primary-button{color:#fff;background:var(--brand);box-shadow:0 8px 18px #173f3a29}.primary-button:disabled{opacity:.48;box-shadow:none}.primary-button.compact{min-height:48px;width:auto}.secondary-button{color:var(--brand);background:var(--brand-soft)}.danger-button{color:#fff;background:var(--danger)}.file-button{display:inline-flex;align-items:center;justify-content:center;color:var(--brand);background:var(--brand-soft);cursor:pointer}.file-button input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.quiet-button,.back-button{min-height:44px;color:var(--brand);background:transparent}.quiet-button:active,.back-button:active{background:var(--brand-soft)}.app-shell{min-height:100vh;padding-top:env(safe-area-inset-top);background:var(--canvas)}.topbar{position:sticky;z-index:20;top:env(safe-area-inset-top);min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem max(1.25rem,env(safe-area-inset-right)) .75rem max(1.25rem,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:#f4f1eae8;backdrop-filter:blur(18px)}.brand-button{min-height:52px;display:flex;align-items:center;gap:.85rem;border:0;padding:0;color:var(--ink);background:transparent;text-align:left}.brand-button strong,.brand-button small{display:block}.brand-button small{margin-top:.18rem;color:var(--muted);font-size:.72rem;font-weight:500}.topbar-actions{display:flex;align-items:center;gap:.4rem}.connection-dot{width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 4px #246a521a}.connection-dot.online{background:var(--success)}.connection-dot.offline{background:var(--danger);box-shadow:0 0 0 4px #9d342f1a}.offline-banner,.update-banner{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:44px;padding:.55rem 1rem;color:#fff;background:#7a4b29;text-align:center}.update-banner{color:var(--ink);background:#e8dcc7}.update-banner button{min-height:36px;border:0;border-radius:10px;padding:.4rem .8rem;color:#fff;background:var(--brand)}.workspace{display:grid;grid-template-columns:108px minmax(0,1fr)}.side-nav{position:sticky;top:calc(76px + env(safe-area-inset-top));align-self:start;height:calc(100vh - 76px - env(safe-area-inset-top));display:flex;flex-direction:column;gap:.7rem;padding:1.25rem .8rem;border-right:1px solid var(--line)}.side-nav button{min-height:70px;display:grid;place-items:center;gap:.22rem;border:0;border-radius:18px;padding:.6rem;color:var(--muted);background:transparent;font-size:.72rem;font-weight:730}.side-nav button span{font-size:1.45rem;line-height:1}.side-nav button.active{color:var(--brand);background:var(--brand-soft)}.content{width:min(100%,1360px);min-height:calc(100vh - 120px);margin:0 auto;padding:clamp(1.5rem,3.5vw,3.5rem)}.hero-row,.section-heading,.asset-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.hero-row{margin-bottom:2rem}.section-heading{margin-bottom:1rem}.section-heading h1,.section-heading h2,.asset-heading h2{margin-bottom:0}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.action-card{min-height:156px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid rgba(23,63,58,.08);border-radius:24px;padding:1.25rem;color:var(--ink);background:var(--paper);box-shadow:0 8px 28px #1e38330b;text-align:left;transition:transform .15s ease,border-color .15s ease}.action-card:not(:disabled):active{transform:scale(.985)}.action-card:disabled{color:var(--muted);opacity:.66}.action-card strong{font-size:1.05rem}.action-card small{color:var(--accent);font-weight:720}.action-symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:var(--brand);background:var(--brand-soft);font:700 1.35rem/1 Georgia,serif}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin:2rem 0 2.5rem}.metric-card{min-height:92px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:18px;padding:1rem;background:transparent}.metric-card span{color:var(--muted);font-size:.78rem}.metric-card strong{font-size:1.25rem}.status-ok{color:var(--success);font-size:1rem!important}.projects-section{margin-top:1rem}.project-list{display:grid;gap:.65rem}.project-list button{position:relative;min-height:88px;display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:1rem;border:1px solid var(--line);border-radius:18px;padding:1rem 3rem 1rem 1.1rem;color:var(--ink);background:var(--paper);text-align:left}.project-list button:active{background:var(--brand-soft)}.project-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list small{color:var(--muted)}.project-type{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.chevron{position:absolute;right:1.1rem;font-size:1.8rem;color:var(--muted)}.empty-projects,.empty-result{border:1px dashed var(--line);border-radius:22px;padding:2rem;color:var(--muted);background:#fffdf861;text-align:center}.error-banner,.notice-banner{border-radius:14px;padding:.9rem 1rem;font-weight:650}.error-banner{color:var(--danger);background:var(--danger-soft)}.notice-banner{color:var(--brand);background:var(--brand-soft)}.sticky{position:sticky;z-index:10;top:calc(90px + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;box-shadow:var(--shadow)}.sticky button{min-width:42px;min-height:42px;border:0;border-radius:11px;color:inherit;background:#fff6;font-size:1.35rem}.editor-heading{margin-bottom:1.5rem}.back-button{margin:0 0 1rem -1rem}.tool-switcher{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin-bottom:1rem;padding:.4rem;border:1px solid var(--line);border-radius:18px;background:#fffdf899}.tool-switcher button{min-height:46px;border:0;border-radius:13px;color:var(--muted);background:transparent;font-weight:750}.tool-switcher button.active{color:#fff;background:var(--brand);box-shadow:0 5px 14px #173f3a24}.editor-grid{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(380px,1.22fr);align-items:start;gap:1.2rem}.panel{border:1px solid var(--line);border-radius:24px;padding:clamp(1rem,2vw,1.5rem);background:var(--paper);box-shadow:0 8px 28px #1e38330b}.input-panel{position:sticky;top:calc(100px + env(safe-area-inset-top));display:grid;gap:1rem}.idea-field{min-height:220px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.editor-actions{display:flex;flex-wrap:wrap;gap:.7rem;padding-top:.4rem}.results-column{display:grid;gap:1rem;min-width:0}.empty-result{min-height:380px;display:grid;place-content:center}.large-symbol{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 1rem;border-radius:22px;color:var(--brand);background:var(--brand-soft);font:700 2rem/1 Georgia,serif}.asset-card textarea{min-height:180px;border-color:transparent;background:#faf8f2}.asset-card textarea:focus{border-color:var(--accent);background:var(--paper)}.asset-heading{align-items:flex-start;margin-bottom:.8rem}.asset-heading .eyebrow{max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-input-panel{text-align:center}.voice-lab{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);align-items:start;gap:1.2rem}.voice-results{display:grid;gap:1rem;min-width:0}.voice-mode-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.35rem;border-radius:15px;background:var(--brand-soft)}.voice-mode-switcher button{min-height:46px;border:0;border-radius:11px;color:var(--brand);background:transparent;font-weight:760}.voice-mode-switcher button.active{color:#fff;background:var(--brand)}.voice-mode-switcher.two-options{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-status,.cost-estimate,.job-progress{display:grid;gap:.35rem;border-radius:16px;padding:1rem}.provider-status{color:var(--brand);background:var(--brand-soft)}.provider-status.is-waiting{color:#6f4b1f;background:#fff2d8}.provider-status span,.cost-estimate span,.job-progress small{color:var(--muted);line-height:1.45}.cost-estimate{border:1px solid rgba(201,127,74,.35);background:#fff8ef}.cost-estimate>strong{color:var(--brand);font-size:1.55rem}.job-progress{background:var(--canvas)}.job-progress progress{width:100%;height:12px;accent-color:var(--brand)}.consent-row{align-items:flex-start;line-height:1.5}.lip-sync-lab .preset-section{display:grid;gap:.8rem}.bleep-review{display:grid;gap:.9rem;border-top:1px solid var(--line);padding-top:1rem}.bleep-match-list{display:grid;gap:.45rem;max-height:330px;overflow:auto;padding-right:.2rem}.bleep-match{display:grid;grid-template-columns:auto minmax(90px,1fr) auto minmax(150px,.8fr);align-items:center;gap:.7rem;min-height:48px;border:1px solid var(--line);border-radius:13px;padding:.55rem .75rem;background:var(--canvas)}.bleep-match input{width:22px;height:22px}.bleep-match span{color:var(--muted);font-variant-numeric:tabular-nums}.bleep-match select{min-height:40px}.bleep-transcript{min-height:170px;background:var(--canvas)}.selected-voice-note{display:grid;gap:.25rem;border-radius:15px;padding:.9rem 1rem;background:var(--brand-soft)}.selected-voice-note span{color:var(--muted);font-size:.84rem;line-height:1.45}.voice-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.voice-card{display:grid;align-content:space-between;gap:.75rem;min-width:0;border:1px solid var(--line);border-radius:17px;padding:.85rem;background:var(--canvas)}.voice-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.voice-card-title{min-height:110px;display:flex;flex-direction:column;align-items:flex-start;gap:.28rem;border:0;padding:0;color:var(--ink);background:transparent;text-align:left}.voice-card-title span{color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.voice-card-title small{color:var(--muted);line-height:1.35}.dialogue-presets{display:flex;flex-wrap:wrap;gap:.45rem}.dialogue-presets button{min-height:42px;border:1px solid var(--line);border-radius:12px;padding:.55rem .7rem;color:var(--brand);background:var(--paper);font-weight:720}.dialogue-turns{display:grid;gap:.75rem}.dialogue-turn{display:grid;gap:.7rem;border:1px solid var(--line);border-radius:17px;padding:.8rem;background:var(--canvas)}.dialogue-turn textarea{min-height:92px}.dialogue-turn-heading{display:flex;align-items:center;justify-content:space-between}.dialogue-turn-heading .quiet-button{min-height:36px;padding:.25rem .5rem;color:var(--danger)}.preset-section{display:grid;gap:.8rem;border:1px solid var(--line);border-radius:17px;padding:1rem;background:var(--canvas)}.upload-box{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px dashed var(--accent);border-radius:17px;padding:1rem;background:var(--canvas);text-align:left}.upload-box>div{display:grid;gap:.25rem}.upload-box .eyebrow{margin:0}.upload-box small{color:var(--muted);line-height:1.35}.check-row{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:.65rem;border-radius:13px;padding:.7rem .8rem;background:var(--canvas)}.check-row input{width:22px;min-height:22px;margin:0;accent-color:var(--brand)}.temperature-stack{display:grid;gap:.65rem}.temperature-control{border:1px solid var(--line);border-radius:15px;padding:.8rem;background:var(--canvas)}.temperature-control>span{display:flex;justify-content:space-between;gap:1rem}.temperature-control output{color:var(--accent);font-weight:760}.temperature-control input{min-height:34px;padding:0;accent-color:var(--brand)}.field-row input[type=range]{min-height:34px;padding:0;border:0;background:transparent;accent-color:var(--brand)}.dialect-sources{display:grid;gap:.45rem;border-top:1px solid var(--line);padding-top:1rem}.dialect-sources>div{display:flex;flex-wrap:wrap;gap:.45rem}.dialect-sources a{text-decoration:none}.dialect-results{min-width:0}.variety-notice{display:grid;gap:.55rem}.variety-notice p{margin:0;color:var(--muted);line-height:1.55}.memory-editor{display:grid;gap:.75rem;border-top:1px solid var(--line);padding-top:1rem}.memory-editor textarea{min-height:180px}.social-copy-card textarea{min-height:140px;font-size:1rem;background:var(--canvas)}.social-copy-card textarea.large{min-height:260px}.media-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.media-choice{min-height:84px;display:grid;align-content:center;gap:.2rem;border:1px solid var(--line);border-radius:14px;padding:.7rem;color:var(--ink);background:var(--paper);text-align:left}.media-choice span{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.media-choice small{color:var(--accent);font-weight:760}.montage-sequence{display:grid;gap:.65rem}.montage-clip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;border:1px solid var(--line);border-radius:16px;padding:.7rem;background:var(--canvas)}.clip-order{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--brand);font-weight:800}.clip-main{display:grid;grid-template-columns:minmax(110px,1fr) 92px 92px;align-items:end;gap:.55rem;min-width:0}.clip-main>div{align-self:center;display:grid;min-width:0}.clip-main strong,.clip-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-main span{color:var(--muted);font-size:.8rem}.clip-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem}.clip-actions button{min-width:38px;min-height:38px;border:1px solid var(--line);border-radius:10px;padding:.35rem;color:var(--brand);background:var(--paper)}.variation-box{display:grid;gap:.75rem;border:1px solid rgba(201,127,74,.35);border-radius:17px;padding:1rem;background:#fff8ef}.variation-box p{margin:0;color:var(--muted);line-height:1.45}.signature-lab .preset-section,.montage-lab .preset-section{align-content:start}.recording-orb{width:82px;height:82px;display:grid;place-items:center;margin:0 auto .25rem;border-radius:50%;color:var(--danger);background:var(--danger-soft);font-size:2rem}.recording-orb.is-recording{animation:recording-pulse 1.4s ease-in-out infinite}.audio-player{width:100%;min-height:54px}.media-card img{width:100%;max-height:720px;display:block;border-radius:17px;object-fit:contain;background:#eee9df}.video-player{width:100%;max-height:720px;display:block;border-radius:17px;background:#101010}.local-provider-note{display:grid;gap:.2rem;border-radius:15px;padding:.9rem 1rem;color:var(--brand);background:var(--brand-soft)}.local-provider-note span{color:var(--muted);font-size:.82rem}.media-meta{display:block;margin-top:.75rem;color:var(--muted)}.link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}@keyframes recording-pulse{50%{transform:scale(1.06);box-shadow:0 0 0 12px #9d342f14}}.app-footer{display:flex;justify-content:space-between;gap:1rem;padding:1rem max(1.25rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));border-top:1px solid var(--line);color:var(--muted);font-size:.74rem}@media(min-width:1100px){.action-grid .action-card:last-child{grid-column:span 2}}@media(max-width:1050px){.action-grid,.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-grid{grid-template-columns:1fr}.input-panel{position:static}.voice-lab{grid-template-columns:1fr}.tool-switcher{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.topbar{min-height:68px}.brand-button small{display:none}.topbar .quiet-button{padding-inline:.7rem}.workspace{display:block}.side-nav{position:fixed;z-index:30;inset:auto 0 0;height:calc(68px + env(safe-area-inset-bottom));flex-direction:row;align-items:stretch;justify-content:space-around;padding:.45rem max(.6rem,env(safe-area-inset-right)) max(.45rem,env(safe-area-inset-bottom)) max(.6rem,env(safe-area-inset-left));border:0;border-top:1px solid var(--line);background:#fffdf8f5;backdrop-filter:blur(18px)}.side-nav button{min-width:86px;min-height:54px;display:flex;flex-direction:column;gap:.15rem;padding:.35rem;border-radius:14px}.side-nav button span{font-size:1.2rem}.content{min-height:0;padding:1.25rem max(1rem,env(safe-area-inset-right)) 1.5rem max(1rem,env(safe-area-inset-left))}.hero-row{align-items:flex-start}.hero-row .primary-button{display:none}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.action-card{min-height:134px;border-radius:20px;padding:1rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-list button{grid-template-columns:1fr;gap:.35rem}.project-type{order:-1}.field-row{grid-template-columns:1fr}.tool-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-actions>*{width:100%}.asset-heading{align-items:center}.voice-card-grid,.voice-mode-switcher{grid-template-columns:1fr}.upload-box{align-items:stretch;flex-direction:column}.bleep-match{grid-template-columns:auto 1fr auto}.bleep-match select{grid-column:2 / -1}.media-choice-grid{grid-template-columns:1fr}.montage-clip{grid-template-columns:auto minmax(0,1fr)}.clip-main{grid-template-columns:1fr}.clip-actions{grid-column:2;justify-content:flex-start}.app-footer{display:none}.sticky{top:calc(76px + env(safe-area-inset-top))}}@media(max-width:420px){.login-card{border-radius:24px}.action-grid{grid-template-columns:1fr 1fr}.action-card{min-height:126px}.metric-grid{grid-template-columns:1fr 1fr}}@media(hover:hover){.action-card:not(:disabled):hover{transform:translateY(-2px);border-color:#c97f4a73}.project-list button:hover{border-color:#c97f4a73}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}