@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Libre+Baskerville:ital@0;1&display=swap";:root{--brand-accent: #1d5f46;--brand-accent-dark: #174d39;--brand-accent-soft: #e8f6ef;--brand-ink: #202124;--brand-text: #202124;--brand-muted: #676760;--brand-rule: #d6d6cf;--brand-paper: #ffffff;--brand-surface: #f5f5f2;--brand-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brand-headline-font: var(--brand-font);color:var(--brand-ink);background:var(--brand-surface);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.35}*{box-sizing:border-box}body{background:linear-gradient(180deg,var(--brand-accent-soft) 0,var(--brand-surface) 220px);color:var(--brand-ink);font-family:var(--brand-font);margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button{min-height:36px;border:1px solid var(--brand-rule);border-radius:6px;background:var(--brand-paper);color:var(--brand-ink);cursor:pointer;padding:0 12px}button:hover:not(:disabled){background:var(--brand-accent-soft)}button:disabled{cursor:not-allowed;opacity:.5}input:disabled,select:disabled,textarea:disabled{background:var(--brand-accent-soft);color:var(--brand-muted);cursor:not-allowed;opacity:.7}button.primary{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}button.danger{background:#b2272d;border-color:#b2272d;color:#fff}button.unavailable{background:#ececea;border-color:#c8c8c2;color:#777770;overflow:hidden;position:relative}button.unavailable:after{background:#777770;content:"";height:2px;left:-12%;position:absolute;top:50%;transform:rotate(-18deg);width:124%}.shell{max-width:1500px;margin:0 auto;padding:24px}.jots-landing{--landing-ink: #16383a;--landing-ink-deep: #092d2f;--landing-teal: #0faaab;--landing-teal-bright: #23bebf;--landing-teal-soft: #c3e7e4;--landing-cream: #ede9e5;--landing-cream-light: #f7f4f0;--landing-line: rgba(22, 56, 58, .16);background:var(--landing-cream-light);color:var(--landing-ink);font-family:DM Sans,Arial,sans-serif;min-height:100vh}.jots-landing a{text-decoration-thickness:.08em;text-underline-offset:.18em}.landing-header{align-items:center;background:#f7f4f0e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(22,56,58,.08);display:flex;justify-content:space-between;min-height:76px;padding:0 max(1.5rem,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:5}.landing-brand{display:block;width:min(286px,42vw);text-decoration:none}.landing-brand img{display:block;filter:invert(54%) sepia(60%) saturate(2808%) hue-rotate(142deg) brightness(88%) contrast(88%);width:100%}.landing-nav{align-items:center;display:flex;gap:1.55rem}.landing-nav a{color:#16383abd;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;transition:color .16s ease}.landing-nav a:hover,.landing-nav a:focus-visible{color:var(--landing-teal)}.landing-hero{align-items:center;display:grid;gap:3rem;grid-template-columns:1.08fr .92fr;margin-inline:auto;max-width:1180px;min-height:calc(100vh - 76px);overflow:hidden;padding:4.75rem 1.5rem;position:relative}.landing-hero:before{background:#0faaab2e;bottom:0;content:"";left:calc(50% + 22rem);position:absolute;top:0;width:1px}.landing-kicker{color:var(--landing-teal);font-size:.69rem;font-weight:700;letter-spacing:.18em;line-height:1.4;margin:0 0 1rem;text-transform:uppercase}.landing-hero h1{color:var(--landing-ink-deep);font-family:Libre Baskerville,Georgia,serif;font-size:clamp(3.35rem,6vw,6.1rem);font-weight:400;letter-spacing:-.09em;line-height:1.02;margin:0 0 1.7rem;max-width:820px}.landing-copy{color:#16383ab8;font-size:clamp(1.06rem,1.6vw,1.22rem);line-height:1.75;margin:0 0 2.25rem;max-width:640px}.landing-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem}.landing-button,.landing-text-link{align-items:center;display:inline-flex;gap:.6rem;font-weight:700;text-decoration:none;text-transform:uppercase}.landing-button{border-radius:999px;font-size:.82rem;justify-content:center;letter-spacing:.04em;padding:.95rem 1.2rem;transition:background .16s ease,color .16s ease,transform .16s ease}.landing-button-primary{background:var(--landing-ink-deep);color:#fff}.landing-button-primary:hover,.landing-button-primary:focus-visible{background:var(--landing-teal);transform:translateY(-2px)}.landing-text-link{color:var(--landing-ink);font-size:.78rem;letter-spacing:.06em;transition:color .16s ease}.landing-text-link:hover,.landing-text-link:focus-visible{color:var(--landing-teal)}.landing-button svg,.landing-text-link svg{fill:none;height:1rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;transition:transform .16s ease;width:1rem}.landing-button:hover svg,.landing-text-link:hover svg{transform:translate(.2rem)}.landing-visual{background:var(--landing-ink-deep);border:1px solid rgba(15,170,171,.2);border-radius:.4rem;box-shadow:0 25px 70px #092d2f2e;min-height:525px;overflow:hidden;position:relative}.landing-visual-grid{background-image:linear-gradient(rgba(195,231,228,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(195,231,228,.12) 1px,transparent 1px);background-size:38px 38px;top:0;right:0;bottom:0;left:0;opacity:.42;position:absolute}.landing-orbit,.landing-visual-mark{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.landing-orbit{border:1px solid rgba(195,231,228,.15)}.landing-orbit:before,.landing-orbit:after{background:var(--landing-teal-bright);border-radius:50%;box-shadow:0 0 0 5px #23bebf1a;content:"";height:.5rem;position:absolute;width:.5rem}.landing-orbit:before{left:18%;top:9%}.landing-orbit:after{bottom:25%;right:4%}.landing-orbit-outer{height:390px;width:390px}.landing-orbit-inner{border-color:#c3e7e41a;height:250px;width:250px}.landing-visual-mark{align-items:center;background:#0faaab1a;border:1px solid rgba(195,231,228,.22);box-shadow:0 0 0 18px #0faaab0d,0 18px 38px #00000029;color:#fff;display:flex;font-family:Libre Baskerville,Georgia,serif;font-size:1.8rem;height:148px;justify-content:center;letter-spacing:-.05em;width:148px}.landing-node{background:var(--landing-teal-soft);border:1px solid rgba(195,231,228,.44);border-left:3px solid var(--landing-teal);box-shadow:0 16px 24px #00000026;color:var(--landing-ink);display:grid;gap:.18rem;min-width:146px;padding:.72rem .82rem;position:absolute}.landing-node small{color:#16383a99;font-size:.54rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.landing-node strong{color:var(--landing-ink-deep);font-family:Libre Baskerville,Georgia,serif;font-size:1.1rem;font-weight:400;letter-spacing:-.04em}.landing-node span{color:#16383a99;font-size:.54rem;font-weight:700;letter-spacing:.11em;line-height:1.35;text-transform:uppercase}.landing-node-source{left:4%;top:26%}.landing-node-script{right:4%;top:17%}.landing-node-render{bottom:17%;right:6%}.landing-grid{background:var(--landing-line);border:1px solid var(--landing-line);display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1180px}.landing-grid article{background:var(--landing-cream-light);display:grid;gap:.75rem;min-height:270px;padding:1.45rem}.landing-grid article>span{color:var(--landing-teal);font-size:.78rem;font-weight:700;letter-spacing:.12em}.landing-grid h2{color:var(--landing-ink-deep);font-family:Libre Baskerville,Georgia,serif;font-size:1.72rem;font-weight:400;letter-spacing:-.065em;margin:auto 0 0}.landing-grid p{color:#16383aa8;font-size:.94rem;line-height:1.7;margin:0}.landing-contact{background:radial-gradient(circle at 85% 25%,rgba(35,190,191,.2),transparent 22rem),var(--landing-teal);color:#ffffffb8;margin-top:6rem}.landing-contact-grid{display:grid;gap:3.5rem;grid-template-columns:.82fr 1.18fr;margin-inline:auto;max-width:1180px;padding:6rem 1.5rem}.landing-contact .landing-kicker{color:var(--landing-ink-deep)}.landing-contact-copy{max-width:560px}.landing-contact h2{color:#fff;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(2.5rem,5vw,4.6rem);font-weight:400;letter-spacing:-.08em;line-height:1.04;margin:0 0 1.35rem}.landing-contact-copy p:not(.landing-kicker){color:#ffffffd1;font-size:1.02rem;line-height:1.75;margin:0}.landing-contact-card{align-self:start;background:#092d2f24;border:1px solid rgba(255,255,255,.2);border-radius:.35rem;display:grid;gap:1.35rem;padding:1.55rem}.landing-contact-card-label{color:var(--landing-ink-deep);font-size:.68rem;font-weight:700;letter-spacing:.1em;line-height:1.6;margin:0;text-transform:uppercase}.landing-contact-card h3{color:#fff;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(1.65rem,3vw,2.55rem);font-weight:400;letter-spacing:-.06em;line-height:1.12;margin:0;max-width:690px}.landing-button-light{background:#fff;color:var(--landing-ink-deep)}.landing-button-light:hover,.landing-button-light:focus-visible{background:var(--landing-ink-deep);color:#fff;transform:translateY(-2px)}.landing-contact-button{justify-self:start}.landing-contact-fallback{color:#ffffffd1;font-size:.9rem;line-height:1.7;margin:0;max-width:520px}.landing-footer{background:var(--landing-ink-deep);color:#ffffff8a}.landing-footer-inner{align-items:center;display:grid;gap:1.2rem;grid-template-columns:1fr auto auto;margin-inline:auto;max-width:1180px;padding:2rem 1.5rem}.landing-footer-brand{display:block;width:min(252px,58vw)}.landing-footer-brand img{display:block;width:100%}.landing-footer-inner span,.landing-footer-inner a{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.landing-footer-inner a{color:#ffffffb8;text-decoration:none;transition:color .16s ease}.landing-footer-inner a:hover,.landing-footer-inner a:focus-visible{color:#fff}.landing-mark{font-size:24px;font-weight:800}.auth-shell{align-items:center;display:flex;min-height:100vh;padding:24px}.auth-panel{background:var(--brand-paper);border:1px solid var(--brand-rule);border-radius:8px;box-shadow:0 18px 60px #20212414;display:grid;gap:16px;margin:0 auto;max-width:440px;padding:28px;width:100%}.auth-panel h1{font-size:28px;line-height:1.05}.auth-panel p{color:var(--brand-muted);margin-bottom:0}.auth-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.session-row{align-items:center;color:var(--brand-muted);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.session-row button{min-height:30px}.topbar{border-top:6px solid var(--brand-accent);display:grid;gap:8px;margin-bottom:18px;padding-top:16px}h1,h2,p{margin-top:0}h1{font-family:var(--brand-headline-font);font-size:30px;font-weight:800;line-height:1;margin-bottom:0}h2{font-size:18px;margin-bottom:14px}.brand-heading{align-items:center;display:flex;gap:16px}.brand-logo{display:block;max-height:92px;max-width:280px;object-fit:contain}.brand-logo.fallback{align-items:center;aspect-ratio:1;background:var(--brand-accent);border-radius:6px;color:#fff;display:inline-flex;font-weight:800;justify-content:center;width:92px}.editor-label{color:var(--brand-accent-dark);font-size:16px;font-weight:800;margin-bottom:0}.topbar-copy{color:var(--brand-muted);max-width:760px}.progress{display:grid;gap:6px;margin-top:8px}.progress.large{margin-top:0}.progress-meta{color:var(--brand-muted);display:flex;font-size:12px;font-weight:700;justify-content:space-between;gap:12px;text-transform:uppercase}.progress-detail{color:var(--brand-muted);font-size:13px}.progress-track{background:var(--brand-accent-soft);border-radius:999px;height:8px;overflow:hidden}.progress.large .progress-track{height:14px}.progress-fill{background:var(--brand-accent);border-radius:inherit;height:100%;transition:width .22s ease}.panel{background:var(--brand-paper);border:1px solid var(--brand-rule);border-radius:8px;padding:16px}.controls{align-items:end;display:grid;grid-template-columns:minmax(220px,1fr) repeat(4,auto);gap:10px;margin-bottom:14px}.create{margin-bottom:16px}.create.collapsed{padding-bottom:12px;padding-top:12px}.create-head{align-items:center;display:flex;justify-content:space-between;gap:12px}.create-head h2{margin-bottom:0}.create-head+.create-grid{margin-top:14px}.workspace{align-items:start;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:16px}.editor-column,.side-column{display:grid;gap:16px}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:minmax(140px,.7fr) minmax(260px,1.7fr) minmax(190px,1fr) minmax(190px,1fr)}.grid.three{grid-template-columns:minmax(220px,1fr) minmax(300px,1.4fr) minmax(180px,.7fr)}.create-grid{align-items:end;grid-template-columns:minmax(220px,1fr) minmax(300px,1.4fr) auto minmax(180px,.7fr)}.grid.compact{gap:10px}.field{display:grid;gap:5px}.field.wide,.field.tall,.wide{grid-column:span 2}.action-field{align-self:end}label{color:var(--brand-muted);font-size:12px;font-weight:700;text-transform:uppercase}input,select,textarea{border:1px solid var(--brand-rule);border-radius:6px;color:var(--brand-ink);min-height:38px;padding:8px 10px;width:100%}textarea[readonly]{background:var(--brand-surface);border-style:dashed;caret-color:transparent;color:var(--brand-muted);cursor:default}textarea[readonly]:focus{outline:1px solid var(--brand-rule)}textarea{min-height:96px;resize:vertical}textarea.raw{font-family:SFMono-Regular,Consolas,monospace;font-size:12px;min-height:520px;white-space:pre}.narration-script-wrap{position:relative}.narration-script{background:var(--brand-paper);border:1px solid var(--brand-rule);border-radius:6px;color:var(--brand-ink);line-height:1.65;max-height:280px;min-height:140px;overflow:auto;padding:28px 52px 44px 10px;-webkit-user-select:text;user-select:text;white-space:pre-wrap;width:100%}.narration-script{scrollbar-width:none}.narration-script::-webkit-scrollbar{display:none}.copy-narration-button{align-items:center;background:var(--brand-paper);border:1px solid var(--brand-rule);border-radius:6px;bottom:10px;display:inline-flex;height:34px;justify-content:center;min-height:34px;padding:0;position:absolute;right:10px;width:34px}.copy-narration-button:hover,.copy-narration-button:focus-visible{background:var(--brand-accent-soft);outline:0}.copy-icon{height:18px;position:relative;width:18px}.copy-icon:before,.copy-icon:after{border:1.7px solid var(--brand-ink);border-radius:2px;content:"";height:11px;position:absolute;width:11px}.copy-icon:before{left:2px;top:5px}.copy-icon:after{background:var(--brand-paper);left:5px;top:2px}.copy-narration-button:hover .copy-icon:after,.copy-narration-button:focus-visible .copy-icon:after{background:var(--brand-accent-soft)}.narration-chunk{background:var(--narration-bg);border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;cursor:text;padding:1px 3px;position:relative;transition:background-color .12s ease,box-shadow .12s ease}.narration-chunk.empty-narration{display:inline-block;min-height:1.35em;min-width:2.5em;vertical-align:text-bottom}.narration-chunk:hover,.narration-chunk:focus-visible{background:var(--narration-hover-bg);box-shadow:0 0 0 1px var(--narration-ring);outline:0}.narration-chunk:focus{background:var(--narration-hover-bg);box-shadow:0 0 0 1px var(--narration-ring);outline:0}.narration-chunk:before{background:var(--narration-label-bg);border:1px solid var(--narration-ring);border-radius:4px;color:var(--brand-ink);content:attr(data-scene-label);font-size:10px;font-weight:800;left:0;letter-spacing:0;line-height:1;opacity:0;padding:3px 5px;pointer-events:none;position:absolute;top:-1.8em;transform:translateY(2px);transition:opacity .12s ease,transform .12s ease;white-space:nowrap;z-index:2}.narration-chunk:hover:before,.narration-chunk:focus-visible:before{opacity:1;transform:translateY(0)}.narration-color-0{--narration-bg: rgba(63, 136, 197, .14);--narration-hover-bg: rgba(63, 136, 197, .24);--narration-label-bg: #d8e9f6;--narration-ring: rgba(63, 136, 197, .34)}.narration-color-1{--narration-bg: rgba(40, 167, 69, .13);--narration-hover-bg: rgba(40, 167, 69, .23);--narration-label-bg: #d8efde;--narration-ring: rgba(40, 167, 69, .33)}.narration-color-2{--narration-bg: rgba(245, 180, 64, .18);--narration-hover-bg: rgba(245, 180, 64, .3);--narration-label-bg: #f7e7c7;--narration-ring: rgba(245, 180, 64, .4)}.narration-color-3{--narration-bg: rgba(196, 90, 90, .13);--narration-hover-bg: rgba(196, 90, 90, .23);--narration-label-bg: #efdada;--narration-ring: rgba(196, 90, 90, .33)}.narration-color-4{--narration-bg: rgba(126, 102, 175, .13);--narration-hover-bg: rgba(126, 102, 175, .24);--narration-label-bg: #e4ddf0;--narration-ring: rgba(126, 102, 175, .34)}.check{align-items:center;display:flex;gap:8px;margin:12px 0;text-transform:none}.check input{min-height:auto;width:auto}.section-title,.scene-head{align-items:center;display:flex;justify-content:space-between;gap:12px}.time-target-panel{display:grid;gap:12px}.article-category-panel{display:grid;gap:10px}.time-target-panel h2{margin-bottom:0}.time-target-panel strong{color:var(--brand-accent-dark);font-size:16px}.time-target-panel input[type=range]{accent-color:var(--brand-accent);min-height:28px;padding:0}.social-description-panel textarea{min-height:150px;resize:vertical}.scene-actions{align-items:center;display:flex;gap:8px}.scene-add-row{display:flex;justify-content:center;padding-top:14px}.inline-actions{align-items:center;display:flex;gap:8px}.inline-actions select{min-width:220px}.scene-pattern,.file-name,.folder{color:var(--brand-muted);font-size:13px}.scene-pattern{display:block;margin-top:2px}.slot-row{align-items:center;border:1px solid var(--brand-rule);border-radius:6px;display:flex;flex-wrap:wrap;gap:10px 16px;padding:8px 10px}.region-editor{align-content:start;align-self:start;border:1px solid var(--brand-rule);border-radius:6px;display:grid;gap:10px;justify-items:stretch;min-height:0;padding:12px}.region-head{align-items:center;color:var(--brand-ink);display:flex;font-size:13px;justify-content:space-between;gap:10px;text-transform:uppercase}.regions-stack{display:grid;gap:10px;width:100%}.region-fields{align-content:start;display:grid;gap:10px;justify-items:stretch}.icon-button{align-items:center;aspect-ratio:1;display:inline-flex;justify-content:center;min-height:32px;padding:0;width:32px}.chevron{border-color:var(--brand-ink);border-style:solid;border-width:0 2px 2px 0;display:inline-block;height:8px;width:8px}.chevron-down{transform:translateY(-2px) rotate(45deg)}.chevron-up{transform:translateY(2px) rotate(225deg)}.file-name{overflow-wrap:anywhere}.file-picker{align-items:center;border:1px solid var(--brand-rule);border-radius:6px;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr);min-height:38px;padding:5px;text-transform:none}.file-input{height:1px;opacity:0;overflow:hidden;padding:0;position:absolute;width:1px}.file-button{background:var(--brand-paper);border:1px solid var(--brand-rule);border-radius:5px;color:var(--brand-ink);cursor:pointer;font-size:13px;font-weight:700;line-height:1;padding:9px 11px}.scenes{display:grid;gap:12px}.scene{border:1px solid var(--brand-rule);border-radius:8px;display:grid;gap:12px;padding:12px}.preview{border:1px solid var(--brand-rule);border-radius:6px;max-height:220px;max-width:100%;object-fit:contain}.output{border-top:1px solid var(--brand-rule);display:grid;gap:8px;padding:12px 0}.output-stale{align-items:center;background:var(--brand-surface);border:1px dashed var(--brand-rule);border-radius:6px;display:grid;gap:12px;justify-items:center;min-height:220px;padding:18px;text-align:center}.output-stale p{color:var(--brand-muted);margin:0}.output:first-of-type{border-top:0;padding-top:0}.output video{background:#111;border-radius:6px;max-height:360px;width:100%}.working{display:grid;gap:12px;min-height:220px;place-content:center stretch}@media(max-width:1100px){.landing-hero{grid-template-columns:1fr;min-height:auto}.landing-hero:before{display:none}.landing-visual{min-height:440px}.landing-grid,.landing-contact-grid,.workspace,.grid.four,.grid.three,.create-grid{grid-template-columns:1fr}.controls{grid-template-columns:1fr 1fr}.field.wide,.field.tall{grid-column:auto}}@media(max-width:760px){.shell{padding:14px}.jots-landing{min-width:320px}.landing-header{align-items:flex-start;flex-direction:column;gap:12px;min-height:auto;padding:18px 16px}.landing-brand{width:min(240px,68vw)}.landing-nav{flex-wrap:wrap;gap:1rem}.landing-hero{gap:3.5rem;padding:5.2rem 16px 4rem}.landing-hero h1{font-size:clamp(3.25rem,16vw,5.1rem)}.landing-visual{min-height:330px}.landing-orbit-outer{height:276px;width:276px}.landing-orbit-inner{height:174px;width:174px}.landing-visual-mark{box-shadow:0 0 0 12px #0faaab0d;font-size:1.2rem;height:104px;width:104px}.landing-node{min-width:112px;padding:.58rem .62rem}.landing-node strong{font-size:.9rem}.landing-node span{display:none}.landing-node-source{left:3%;top:27%}.landing-node-script{right:3%;top:18%}.landing-node-render{bottom:17%;right:4%}.landing-grid{margin-inline:16px}.landing-grid article{min-height:255px}.landing-contact{margin-top:4.25rem}.landing-contact-grid{gap:1.25rem;padding:4.25rem 16px}.landing-footer-inner{align-items:start;grid-template-columns:1fr;padding:2rem 16px}.section-title,.scene-head,.inline-actions{align-items:stretch;flex-direction:column}.grid.two,.controls{align-items:stretch;display:grid;grid-template-columns:1fr}}body{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-accent-soft),#ffffff 36%) 0,#fff0 300px),radial-gradient(circle at 12% 0,color-mix(in srgb,var(--brand-accent-soft),transparent 28%),transparent 34rem),#f6f7f6;color:var(--brand-ink);min-width:320px}button{align-items:center;border-color:color-mix(in srgb,var(--brand-rule),#9aa09a 18%);border-radius:8px;display:inline-flex;font-size:13px;font-weight:750;gap:8px;justify-content:center;letter-spacing:0;min-height:38px;padding:0 13px;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease}button:hover:not(:disabled){background:color-mix(in srgb,var(--brand-accent-soft),#ffffff 34%);border-color:color-mix(in srgb,var(--brand-accent),var(--brand-rule) 50%);box-shadow:0 8px 18px #1118270f;transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[contenteditable=true]:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-accent),transparent 78%);outline-offset:2px}button.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-accent),#ffffff 7%),var(--brand-accent));border-color:var(--brand-accent);box-shadow:0 12px 24px color-mix(in srgb,var(--brand-accent),transparent 80%)}button.primary:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--brand-accent),#ffffff 13%),var(--brand-accent));border-color:color-mix(in srgb,var(--brand-accent),#000000 8%)}button.danger{background:#b4232a;border-color:#b4232a;box-shadow:0 12px 24px #b4232a24}button.danger-soft{color:#8f1f26}button.danger-soft:hover:not(:disabled){background:#fff1f2;border-color:#f1b8bd}button.ghost-button{background:#ffffffb8;color:var(--brand-muted)}button.unavailable{background:#f3f4f2;border-color:#d8ddd8;color:#858b85}.button-icon{fill:none;flex:0 0 auto;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:16px}input,select,textarea{background:#fff;border-color:color-mix(in srgb,var(--brand-rule),#9aa09a 18%);border-radius:8px;box-shadow:0 1px #11182705;min-height:40px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}textarea{line-height:1.5}label{color:color-mix(in srgb,var(--brand-muted),var(--brand-ink) 14%);font-size:11px;letter-spacing:.04em}.shell.brand-shell{max-width:1540px;padding:28px}.app-topbar{align-items:center;background:#ffffffc7;border:1px solid color-mix(in srgb,var(--brand-rule),transparent 18%);border-radius:14px;box-shadow:0 18px 54px #11182712;display:flex;justify-content:space-between;margin-bottom:18px;padding:14px 16px;position:sticky;top:14px;z-index:10}.app-topbar:before{background:var(--brand-accent);border-radius:999px;content:"";height:calc(100% - 20px);left:0;position:absolute;top:10px;width:4px}.brand-heading{min-width:0}.brand-logo-frame{align-items:center;background:#fff;border:1px solid var(--brand-rule);border-radius:10px;box-shadow:0 6px 18px #1118270f;display:inline-flex;justify-content:center;min-height:64px;padding:10px 12px;width:170px}.brand-logo{max-height:44px;max-width:140px}.brand-logo.fallback{border-radius:8px;height:44px;width:44px}.brand-title-block{display:grid;gap:4px;min-width:0}.brand-title-block h1{color:var(--brand-ink);font-size:clamp(22px,2vw,30px);font-weight:850;letter-spacing:0;line-height:1.05}.eyebrow{color:var(--brand-accent-dark);display:block;font-size:11px;font-weight:850;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.session-row{font-size:13px;min-width:max-content}.panel{background:#ffffffe0;border-color:color-mix(in srgb,var(--brand-rule),transparent 8%);border-radius:12px;box-shadow:0 1px #ffffffbf inset,0 12px 32px #1118270b;padding:16px}.create,.controls{margin-bottom:16px}.start-screen{display:grid;gap:16px;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)}.start-create{align-content:start;display:grid;gap:18px;min-height:210px;padding:22px}.saved-videos-panel{align-content:start;display:grid}.create-head h2,.section-title h2{color:var(--brand-ink);font-size:18px;font-weight:850;letter-spacing:0;margin:3px 0 0}.create-grid{grid-template-columns:minmax(260px,1fr) auto}.action-toolbar{align-items:end;display:grid;gap:14px;grid-template-columns:minmax(260px,1fr) auto}.toolbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.workspace{align-items:start;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:18px}.side-column{align-content:start;position:sticky;top:80px}.section-title{margin-bottom:13px}.panel-stat,.status-pill,.time-pill{align-items:center;background:color-mix(in srgb,var(--brand-accent-soft),#ffffff 30%);border:1px solid color-mix(in srgb,var(--brand-accent),transparent 72%);border-radius:999px;color:var(--brand-accent-dark);display:inline-flex;font-size:12px;font-weight:850;min-height:28px;padding:0 10px;white-space:nowrap}.status-pill{background:#f4f5f3;border-color:#dfe4df;color:#6b716b}.status-pill.ready{background:#e8f7ee;border-color:#bde8cc;color:#16703a}.status-pill.warning{background:#fff7df;border-color:#f4d585;color:#8a5a00}.narration-script{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--brand-surface),#ffffff 50%));border-color:color-mix(in srgb,var(--brand-rule),#9aa09a 10%);border-radius:10px;box-shadow:0 8px 22px #1118270a inset;font-size:15px;max-height:310px;min-height:170px;padding:30px 56px 48px 14px}.copy-narration-button{border-radius:9px;box-shadow:0 10px 20px #11182714}.scene{background:linear-gradient(180deg,#fffffffa,#ffffffdb);border-color:color-mix(in srgb,var(--brand-rule),transparent 8%);border-radius:12px;box-shadow:0 10px 26px #1118270b;overflow:hidden;padding:0}.scene-head{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-accent-soft),#ffffff 46%),#fff);border-bottom:1px solid color-mix(in srgb,var(--brand-rule),transparent 10%);padding:12px 14px}.scene>.grid{padding:14px}.scene-title-row{align-items:center;display:flex;gap:11px;min-width:0}.scene-number{align-items:center;background:var(--brand-accent);border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:900;height:32px;justify-content:center;width:32px}.scene-head strong{color:var(--brand-ink);font-size:15px}.scene-pattern{color:var(--brand-muted);font-size:12px;font-weight:700}.scene-actions{flex-wrap:wrap;justify-content:flex-end}.icon-button{border-radius:8px;height:34px;min-height:34px;width:34px}.icon-text-button{min-height:34px;padding-inline:10px}.region-editor{background:color-mix(in srgb,var(--brand-surface),#ffffff 55%);border-color:color-mix(in srgb,var(--brand-rule),transparent 8%);border-radius:10px;padding:12px}.region-head{color:color-mix(in srgb,var(--brand-ink),var(--brand-muted) 18%);font-size:12px;letter-spacing:.03em}.file-picker{background:#fff;border-radius:8px;min-height:42px}.file-button{background:color-mix(in srgb,var(--brand-accent-soft),#ffffff 34%);border-color:color-mix(in srgb,var(--brand-accent),transparent 72%);border-radius:7px;color:var(--brand-accent-dark)}.preview{background:#fff;border-radius:10px;box-shadow:0 10px 22px #1118270f}.time-target-panel input[type=range]{cursor:pointer}.output{border:0;padding:0}.output a{color:var(--brand-accent-dark);display:inline-block;font-size:13px;font-weight:850;margin-bottom:8px;overflow-wrap:anywhere}.output video{border:1px solid color-mix(in srgb,var(--brand-rule),transparent 10%);border-radius:10px;box-shadow:0 14px 28px #11182714}.output-stale,.working{background:linear-gradient(180deg,#ffffffdb,color-mix(in srgb,var(--brand-accent-soft),#ffffff 50%));border-color:color-mix(in srgb,var(--brand-accent),transparent 76%);border-radius:12px}.output-stale{min-height:260px}.state-icon,.working-orb{align-items:center;background:var(--brand-accent);border-radius:999px;box-shadow:0 14px 28px color-mix(in srgb,var(--brand-accent),transparent 78%);color:#fff;display:inline-flex;height:44px;justify-content:center;width:44px}.working-orb{margin-inline:auto}.state-icon .button-icon,.working-orb .button-icon{height:20px;width:20px}.script-stale-panel{background:linear-gradient(90deg,#fff8e6,#fff);border-color:#f1d796}.script-stale-panel p,.output-stale p{color:var(--brand-muted);margin-bottom:0}.script-stale-panel{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto}.script-stale-panel .section-title{margin-bottom:0}.social-description-panel textarea{border-radius:10px;min-height:260px}@media(max-width:1180px){.workspace{grid-template-columns:1fr}.side-column{position:static}.start-screen{grid-template-columns:1fr}}@media(max-width:860px){.shell.brand-shell{padding:14px}.app-topbar,.action-toolbar,.script-stale-panel{align-items:stretch;grid-template-columns:1fr}.app-topbar{display:grid;position:static}.brand-heading,.session-row,.toolbar-actions{justify-content:flex-start}.brand-logo-frame{width:138px}.toolbar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-actions button{width:100%}.scene-head,.section-title{align-items:flex-start}.scene-actions{justify-content:flex-start}}@media(max-width:560px){.toolbar-actions{grid-template-columns:1fr}.brand-heading{align-items:flex-start;flex-direction:column}.grid.two{grid-template-columns:1fr}.wide,.field.wide{grid-column:auto}}.scene-add-row{justify-content:flex-start}