:root{
  --bg:#0a0f13;
  --bg2:#11161a;
  --panel:#252727d9;
  --panel2:#343330d9;
  --line:#6c645c99;
  --line-soft:#4a474399;
  --text:#f7f4ef;
  --muted:#cfc7bd;
  --orange:#ff5a00;
  --orange2:#ff6b00;
  --green:#69c67a;
  --blue:#2b98d4;
  --teal:#46b1a8;
  --red:#ff5538;
  --shadow:0 26px 70px rgba(0,0,0,.42);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 50% -10%,#18232b 0,#0a0f13 42%,#070b0e 100%);color:var(--text);min-width:320px} button,a,select{font:inherit}.page-shell{min-height:100vh;overflow:hidden}.site-header{height:90px;padding:22px 38px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:29px;font-weight:700;letter-spacing:-1.2px}.brand img{width:44px;height:44px}.main-nav{display:flex;gap:0;border:1px solid #625b54;background:linear-gradient(180deg,#272724b8,#1c1d1db8);border-radius:14px;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.04)}.main-nav a{padding:18px 36px;color:#f3efea;text-decoration:none;font-size:15px}.main-nav a:hover{background:#ffffff0b}.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}.early-access{background:linear-gradient(135deg,#ff5b00,#ff4a00);color:white;text-decoration:none;padding:16px 24px;border-radius:10px;font-weight:600;box-shadow:0 10px 25px #ff5a0028}.theme-toggle{width:40px;height:40px;border:1px solid #4d4b47;border-radius:10px;background:#171a1d;color:#d9d3cb;cursor:pointer}.hero{height:280px;position:relative;display:flex;justify-content:center;align-items:flex-start;text-align:center;overflow:visible}.hero-art{position:absolute;top:-22px;height:330px;width:470px;background-size:cover;background-position:center;filter:saturate(.68) sepia(.08) contrast(1.03);opacity:.56}.hero-art-left{left:0;background-image:linear-gradient(90deg,rgba(8,13,17,.08),rgba(8,13,17,.55) 82%,rgba(8,13,17,1)),url('assets/hero-left.jpg');background-position:left center}.hero-art-right{right:0;background-image:linear-gradient(270deg,rgba(8,13,17,.08),rgba(8,13,17,.55) 82%,rgba(8,13,17,1)),url('assets/hero-right.jpg');background-position:right center}.hero-vignette{position:absolute;inset:-90px 0 -30px;background:radial-gradient(ellipse at 50% 42%,rgba(10,15,19,.02) 20%,rgba(10,15,19,.55) 66%,#0a0f13 92%);pointer-events:none}.hero-copy{position:relative;z-index:3;max-width:900px;margin-top:3px}.hero h1{font-size:68px;line-height:1.05;letter-spacing:-3.8px;margin:6px 0 13px;font-weight:800;text-shadow:0 8px 24px rgba(0,0,0,.18)}.hero p{margin:0;color:#d5cec5;font-size:19px;letter-spacing:-.2px}.hero-buttons{display:flex;justify-content:center;gap:18px;margin-top:20px}.primary-button,.secondary-button{height:50px;min-width:240px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:16px;text-decoration:none;font-weight:600}.primary-button{background:linear-gradient(135deg,#ff5d00,#ff4d00);color:#fff;box-shadow:0 12px 24px #ff5a0024}.secondary-button{border:1px solid #716a63;color:#f7f4ef;background:#14191d9e}.play{font-size:22px}.app-frame{position:relative;z-index:8;width:87.8%;max-width:1350px;height:506px;margin:-2px auto 12px;border:1px solid #756f67;border-radius:14px;background:linear-gradient(180deg,#4a4842e8,#2c302fdc 15%,#252827e9 100%);box-shadow:var(--shadow);display:grid;grid-template-columns:264px 1fr 276px;overflow:hidden;backdrop-filter:blur(12px)}.panel-col{min-width:0}.sidebar{border-right:1px solid #6e6962;padding:16px 10px 12px}.eyebrow,.chapters-title{font-size:9px;color:#e0d9cf;letter-spacing:.2px}.project-name{font-size:12px;margin-top:8px;display:flex;align-items:center;gap:7px}.project-name button{margin-left:auto;width:23px;height:23px;border-radius:6px;border:0;background:#77736c8c;color:white}.chapters-title{margin:14px 6px 6px}.chapter-list{border:1px solid #5b5955;border-radius:8px;overflow:hidden}.chapter{width:100%;height:38px;border:0;border-bottom:1px solid #55534f;background:#343533b8;color:#f3eee8;display:grid;grid-template-columns:28px 1fr 40px 17px;align-items:center;text-align:left;padding:0 10px;font-size:10px}.chapter:last-child{border-bottom:0}.chapter b{font-weight:500}.chapter em{font-style:normal;color:#eee7df;text-align:right}.chapter i{font-style:normal;color:#8f8b84;text-align:right}.chapter.done i{color:#68c97a}.chapter.active{background:linear-gradient(90deg,#61584e,#49443f);box-shadow:inset 2px 0 var(--orange)}.chapter.active i{color:var(--orange)}.add-chapter{width:100%;height:35px;margin-top:2px;border:1px solid #5b5955;border-radius:7px;background:#353633a8;color:#eee7df;display:flex;justify-content:space-between;align-items:center;padding:0 10px;font-size:10px}.status-card{border:1px solid #5b5955;border-radius:9px;margin-top:15px;padding:13px 12px;height:181px;background:#3133308e}.status-grid{display:flex;align-items:center;gap:18px;margin-top:18px}.progress-ring{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--orange) 0 76%,#6a6862 76%);position:relative}.progress-ring:before{content:"";position:absolute;width:60px;height:60px;border-radius:50%;background:#373936}.progress-ring span{position:relative;font-size:24px}.progress-ring small{font-size:12px}.status-values{flex:1;font-size:10px}.status-values div{display:flex;justify-content:space-between;margin:10px 0}.status-values b{font-weight:500}.workspace{padding:12px 10px 10px;border-right:1px solid #68635d}.narration-row{height:66px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #5c5751}.round-play{border:1px solid #6c665f;background:#7571688a;color:#fff;width:31px;height:31px;border-radius:50%;font-size:10px}.wave-wrap{flex:1;position:relative;height:55px;padding-top:12px}.narration-label{position:absolute;top:0;left:0}.waveform{height:28px;margin-top:7px;background:repeating-linear-gradient(90deg,var(--orange) 0 2px,transparent 2px 5px);clip-path:polygon(0 46%,1% 35%,2% 65%,3% 30%,4% 70%,5% 20%,6% 74%,7% 26%,8% 60%,9% 35%,10% 72%,11% 30%,12% 67%,13% 16%,14% 84%,15% 38%,16% 58%,17% 22%,18% 77%,19% 31%,20% 64%,21% 40%,22% 70%,23% 25%,24% 78%,25% 36%,26% 62%,27% 28%,28% 73%,29% 45%,30% 59%,31% 29%,32% 78%,33% 22%,34% 66%,35% 32%,36% 72%,37% 38%,38% 61%,39% 25%,40% 78%,41% 33%,42% 64%,43% 19%,44% 82%,45% 31%,46% 69%,47% 39%,48% 58%,49% 28%,50% 72%,51% 37%,52% 65%,53% 22%,54% 80%,55% 34%,56% 60%,57% 29%,58% 74%,59% 41%,60% 57%,61% 29%,62% 71%,63% 36%,64% 63%,65% 23%,66% 79%,67% 31%,68% 68%,69% 42%,70% 55%,71% 35%,72% 70%,73% 28%,74% 76%,75% 37%,76% 64%,77% 31%,78% 71%,79% 39%,80% 59%,81% 31%,82% 72%,83% 26%,84% 74%,85% 35%,86% 65%,87% 42%,88% 58%,89% 34%,90% 64%,91% 44%,92% 57%,93% 40%,94% 60%,95% 46%,96% 56%,97% 45%,98% 52%,99% 48%,100% 50%,100% 100%,0 100%)}.waveform:after{content:"";display:block;width:35%;height:100%;margin-left:65%;background:#88857f;opacity:.8}.timecode{font-size:10px;color:#e3dbd2;margin-top:-2px}.speed,.icon-btn{background:#343633;border:1px solid #68635d;color:#f0e9e2;border-radius:6px;height:29px;font-size:10px}.speed{padding:0 9px}.icon-btn{min-width:31px}.filter-row{height:42px;display:flex;align-items:center;justify-content:center;gap:10px}.filter{height:27px;padding:0 15px;border-radius:6px;border:1px solid #66615a;background:#343633;color:#efe8df;font-size:10px}.filter.active{background:#f4dfc6;color:#27221d;border-color:#e9caa9}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.blue{background:#278fca}.teal{background:#42aaa1}.orange{background:#f27b00}.red{background:#f14a2f}.scene-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.scene-card{border:1px solid #625f5a;border-radius:8px;overflow:hidden;background:#262927;min-width:0}.scene-card.selected{border:1.5px solid var(--orange);box-shadow:0 0 0 1px #ff5a0033}.scene-card img{display:block;width:100%;height:118px;object-fit:cover;filter:saturate(.82) contrast(1.03)}.scene-body{padding:7px 8px 8px;height:103px}.scene-body h3{font-size:10px;margin:0 0 8px;font-weight:500}.scene-body h3 span{font-size:8px;border:1px solid #2989aa;color:#63c6e8;border-radius:2px;padding:1px 2px;margin-right:5px}.selected .scene-body h3 span{border-color:#e98700;color:#ff9b2b}.scene-body p{font-size:9px;line-height:1.45;color:#e3ddd6;margin:0 0 5px}.scene-body time{font-size:10px}.timeline-box{height:145px;border:1px solid #5b5853;border-radius:8px;margin-top:8px;background:#30322f}.timeline-head{height:31px;border-bottom:1px solid #55534e;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:10px}.timeline-head button{background:#3a3c39;border:1px solid #625e58;color:#eee6dd;height:23px;min-width:28px;border-radius:5px;font-size:9px}.timeline-content{display:flex;height:112px;padding:5px 7px 6px}.track-controls{width:39px;display:grid;grid-template-columns:1fr 1fr;gap:5px;align-content:start;padding-top:5px;color:#dcd4cb;font-size:9px}.tracks{position:relative;flex:1;overflow:hidden}.image-track{height:50px;border-radius:4px;overflow:hidden;border:1px solid #5f5b54}.image-track img{width:100%;height:100%;object-fit:cover;display:block}.audio-track{height:18px;border-radius:3px;margin-top:4px;display:flex;align-items:center;overflow:hidden;font-size:9px}.audio-track span{padding-left:6px;width:65px}.narration-track{background:#557b55}.music-track{background:#3d6f93}.mini-wave{flex:1;height:100%;background:repeating-linear-gradient(90deg,#d7ead2 0 1px,transparent 1px 4px);opacity:.75}.music-bars{flex:1;height:100%;background:repeating-linear-gradient(90deg,#72a2c0 0 35px,#4f86a9 35px 70px);opacity:.8}.playhead{position:absolute;left:31%;top:0;bottom:0;width:2px;background:var(--orange);box-shadow:0 0 8px #ff5a00}.playhead label{position:absolute;top:-29px;left:-17px;background:var(--orange);padding:4px 7px;border-radius:6px;color:#fff;font-size:9px}.direction{padding:14px 12px 12px}.direction-card{border:1px solid #5b5854;border-radius:8px;background:#343633a6;padding:12px 10px 10px}.direction-head{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin-bottom:12px}.direction-head button{border:0;background:#7470698f;color:white;border-radius:6px;width:26px;height:24px}.rule{display:flex;gap:11px;margin:13px 0}.rule i{width:26px;height:26px;border-radius:7px;background:#4a4b47;display:grid;place-items:center;font-style:normal;font-size:11px}.rule>div{min-width:0}.rule b{display:block;font-size:10px;font-weight:500;margin-bottom:3px}.rule span{display:block;font-size:9px;color:#ddd6cd;line-height:1.45}.palette{display:flex;gap:7px;margin-top:7px}.palette span{width:16px;height:16px;border-radius:50%;border:1px solid #c7beb4;background:#555953}.palette span:nth-child(2){background:#666b6e}.palette span:nth-child(3){background:#737b79}.palette span:nth-child(4){background:#4f5b4f}.palette span:nth-child(5){background:#464c43}.palette span:nth-child(6){background:#a78769}.open-bible{width:100%;height:34px;border-radius:6px;border:1px solid #65615b;background:#444642;color:#f4eee6;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:9px;margin-top:10px}.coverage-card{height:89px;border:1px solid #5b5854;border-radius:8px;background:#343633a6;margin-top:12px;display:flex;align-items:center;justify-content:space-between;padding:13px 14px}.coverage-card span{font-size:9px;display:block}.coverage-card strong{display:block;color:var(--orange);font-size:26px;margin-top:3px}.coverage-card small{font-size:12px}.coverage-card em{font-style:normal;color:#eee7de;font-size:14px;font-weight:500}.check-ring{width:58px;height:58px;border-radius:50%;border:9px solid var(--orange);display:grid;place-items:center;font-size:25px}.workflow{width:93%;max-width:1435px;height:116px;margin:0 auto 30px;border:1px solid #3f4548;border-radius:12px;background:linear-gradient(180deg,#11171b,#0b1115);display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;align-items:center;padding:0 24px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.workflow article{display:flex;align-items:center;gap:20px;min-width:0}.step-no{width:34px;height:34px;border:1px solid #d5a873;border-radius:50%;display:grid;place-items:center}.step-icon{font-size:50px;color:#d7ab7d;line-height:1}.workflow h3{margin:0 0 5px;font-size:18px}.workflow p{margin:0;color:#d1c8bd;font-size:12px;line-height:1.5;max-width:220px}.chev{font-size:34px;color:#b39274}.below-fold{display:grid;place-items:center;height:130px;color:#756e66;font-size:13px}.theme-toggle{display:none}
@media(max-width:1200px){.site-header{grid-template-columns:1fr auto}.main-nav{display:none}.hero h1{font-size:58px}.app-frame{width:94%;grid-template-columns:220px 1fr 235px}.scene-body p{font-size:8px}.workflow{grid-template-columns:1fr 1fr;gap:18px;height:auto;padding:25px}.workflow .chev{display:none}}
@media(max-width:900px){.site-header{padding:18px 20px}.brand{font-size:24px}.early-access{padding:13px 15px;font-size:13px}.hero{height:330px}.hero h1{font-size:49px}.hero p{padding:0 22px}.hero-art{opacity:.38}.app-frame{height:auto;display:block;overflow:visible;width:94%}.sidebar,.direction{display:none}.workspace{border-right:0}.scene-strip{grid-template-columns:repeat(2,1fr)}.scene-card:nth-child(5){display:none}.timeline-box{margin-bottom:10px}.workflow{width:94%;grid-template-columns:1fr 1fr}.workflow article{padding:5px}.step-icon{font-size:42px}}
@media(max-width:600px){.site-header{height:72px}.brand img{width:36px}.brand span{font-size:21px}.early-access{font-size:12px;padding:11px 12px}.hero{height:310px}.hero h1{font-size:40px;letter-spacing:-2.4px}.hero p{font-size:16px}.hero-buttons{flex-direction:column;align-items:center}.primary-button,.secondary-button{width:240px;height:44px}.app-frame{margin-top:28px}.narration-row{gap:5px}.icon-btn:nth-last-child(2),.icon-btn:nth-last-child(1){display:none}.filter-row{overflow:auto;justify-content:flex-start}.scene-strip{grid-template-columns:1fr 1fr}.scene-card img{height:95px}.scene-body{height:112px}.workflow{grid-template-columns:1fr;height:auto}.workflow article{border-bottom:1px solid #2f3436;padding:14px 0}.workflow article:last-of-type{border-bottom:0}.step-no{display:none}}
HTML[data-theme="light"] body{background:#f3eee7;color:#1a1b1c} HTML[data-theme="light"] .site-header{color:#1a1b1c} HTML[data-theme="light"] .brand{color:#161718} HTML[data-theme="light"] .main-nav{background:#fff;border-color:#c7beb3} HTML[data-theme="light"] .main-nav a{color:#222} HTML[data-theme="light"] .hero-vignette{background:radial-gradient(ellipse at 50% 42%,rgba(243,238,231,.1) 25%,rgba(243,238,231,.56) 72%,#f3eee7 96%)} HTML[data-theme="light"] .hero p{color:#5d554e} HTML[data-theme="light"] .secondary-button{color:#241f1a;background:#fff;border-color:#b9afa4} HTML[data-theme="light"] .below-fold{color:#80766d}
.v1-teaser{width:min(1180px,92%);margin:58px auto 70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.v1-teaser-copy>span{font-size:10px;letter-spacing:1.5px;color:#ff7d34;font-weight:700}.v1-teaser h2{font-size:38px;letter-spacing:-1.8px;line-height:1.08;margin:12px 0}.v1-teaser p{color:#a9a29a;line-height:1.7;font-size:13px}.v1-teaser-copy a{display:inline-block;margin-top:10px;color:#ff8b4c;text-decoration:none;font-size:13px;font-weight:600}.v1-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v1-mini-grid a{height:70px;border:1px solid #363b3e;border-radius:11px;background:#101619;color:#eee8e1;text-decoration:none;padding:0 15px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.v1-mini-grid a:hover{border-color:#865d42;background:#161a1c}.v1-mini-grid span{color:#6e6963;font-size:10px}@media(max-width:800px){.v1-teaser{grid-template-columns:1fr}.v1-mini-grid{grid-template-columns:1fr}}
html,body{min-height:100%;background:#070b0e}
body{position:relative;background:transparent!important}
body::before{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(32,47,57,.95) 0,rgba(13,20,25,.96) 34%,rgba(7,11,14,.99) 72%,#070b0e 100%),radial-gradient(ellipse at 8% 42%,rgba(129,72,34,.12),transparent 36%),radial-gradient(ellipse at 91% 30%,rgba(118,72,39,.10),transparent 34%)}
body::after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.009) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 82%)}
.page-shell,.feature-page-shell{background:transparent!important;position:relative}
.inner-header{background:rgba(8,13,17,.76)!important}
HTML[data-theme="light"] body{background:transparent!important}
HTML[data-theme="light"] body::before{background:radial-gradient(circle at 50% -10%,#fffaf3 0,#f5efe7 42%,#eee7df 100%)}
HTML[data-theme="light"] body::after{opacity:.1}