:root{--bg:#0b0e13;--panel:#11151c;--panel2:#161b23;--line:#252c37;--muted:#858e9d;--text:#f4f3ef;--lime:#d9f36a;--orange:#ff9b62;--purple:#9b8cff;font-family:"DM Sans",sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-width:1080px}button,select,input{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;border-right:1px solid var(--line);padding:28px 18px 20px;display:flex;flex-direction:column;background:#0d1015}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 53px}.brand-mark{width:31px;height:31px;border:1px solid var(--lime);color:var(--lime);border-radius:9px;display:grid;place-items:center;font:500 12px "DM Mono",monospace;letter-spacing:-1px}.brand strong{display:block;font-size:14px;letter-spacing:.02em}.brand span{display:block;color:var(--lime);font:500 8px "DM Mono",monospace;letter-spacing:.2em;margin-top:3px}.nav-label,.eyebrow{color:#66707d;font:500 9px "DM Mono",monospace;letter-spacing:.16em;margin:0}.nav-label{padding:0 13px 13px}.nav-space{margin-top:34px}.nav-item{height:42px;color:#8e97a5;text-decoration:none;display:flex;align-items:center;gap:12px;padding:0 13px;border-radius:7px;font-size:13px;margin:2px 0}.nav-item:hover,.nav-item.active{background:#191f28;color:var(--text)}.nav-item.active{box-shadow:inset 2px 0 var(--lime)}.nav-icon{font-size:16px;width:15px;text-align:center;color:#9aa3af}.active .nav-icon{color:var(--lime)}.nav-count{margin-left:auto;color:#68717f;font:11px "DM Mono",monospace}.sidebar-bottom{margin-top:auto}.usage-card{border:1px solid #303741;background:#12171e;border-radius:9px;padding:15px 14px;margin-bottom:20px}.usage-head{display:flex;justify-content:space-between;font-size:11px;color:#abb2bd}.usage-head strong{color:var(--lime);font:12px "DM Mono",monospace}.progress{height:4px;background:#2c333d;border-radius:4px;margin:12px 0 9px}.progress i{display:block;width:72%;height:100%;background:var(--lime);border-radius:4px}.usage-card p{font-size:10px;color:#68717e;margin:0 0 14px}.upgrade-btn{color:var(--lime);font-size:11px;background:none;border:0;padding:0;cursor:pointer}.upgrade-btn span{font-size:15px;margin-left:6px}.profile{display:flex;align-items:center;gap:9px;padding:0 7px}.avatar{width:28px;height:28px;background:#e5a27c;color:#251b18;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:700}.profile strong,.profile span{display:block}.profile strong{font-size:11px}.profile span{color:#68717f;font-size:10px;margin-top:2px}.more{margin-left:auto!important;color:#747e8b!important;letter-spacing:2px}.main-content{flex:1}.topbar{height:73px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 43px}.breadcrumbs{font-size:12px;color:#707987}.breadcrumbs b{color:#414954;margin:0 11px}.breadcrumbs strong{color:#d8dbe0;font-weight:500}.top-actions{display:flex;gap:24px;align-items:center}.icon-button,.help-button{border:0;background:none;color:#929ba8;cursor:pointer}.icon-button{font-size:20px;position:relative}.icon-button i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--orange);top:2px;right:-2px}.help-button{font-size:11px}.help-button:first-letter{color:var(--lime)}.page-wrap{padding:38px 44px 60px;max-width:1390px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.page-heading h1{font:600 35px "Playfair Display",serif;letter-spacing:-.03em;margin:10px 0 7px}.page-heading h1 em{color:var(--lime);font-style:normal}.subtitle{font-size:13px;color:#87909c;margin:0}.save-state{font:10px "DM Mono",monospace;color:#6f7884;padding-bottom:4px}.saved-dot{display:inline-block;width:6px;height:6px;background:#8bd86a;border-radius:50%;margin-right:7px}.workspace-grid{display:grid;grid-template-columns:minmax(500px,1fr) minmax(360px,.77fr);gap:19px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}.creation-panel{padding:27px 29px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between}.panel-title>div{display:flex;gap:14px}.step-number{font:500 10px "DM Mono",monospace;color:var(--lime);border:1px solid #3d4c2a;border-radius:4px;padding:5px 6px;height:24px}.panel h2{font-size:16px;margin:1px 0 5px;letter-spacing:-.01em}.panel-title p{font-size:11px;color:#737e8b;margin:0}.source-badge{color:#7c8793;font:9px "DM Mono",monospace;border:1px solid #303743;padding:7px 9px;border-radius:4px}.source-badge b{color:var(--lime);font-size:12px;margin-left:5px}.law-picker{display:flex;align-items:center;margin-top:23px;border:1px solid #343d49;background:#171d25;border-radius:8px;padding:17px 17px 15px}.law-number{font:10px "DM Mono",monospace;color:var(--orange);writing-mode:vertical-rl;transform:rotate(180deg);padding-right:16px;border-right:1px solid #323a45}.law-copy{padding-left:17px;flex:1}.law-copy h3{font:600 20px "Playfair Display",serif;margin:0 0 5px}.law-copy p{color:#8e98a6;font-size:11px;line-height:1.45;margin:0;max-width:380px}.shuffle{width:31px;height:31px;border-radius:50%;border:1px solid #3d4651;background:#202731;color:var(--lime);cursor:pointer;font-size:18px}.law-tags{display:flex;gap:7px;margin:12px 0 0 55px}.law-tags span{font:9px "DM Mono",monospace;color:#89939f;background:#1b222c;border-radius:3px;padding:5px 8px}.library-link,.section-heading button{border:0;background:none;color:var(--lime);font-size:11px;padding:15px 0 0 55px;cursor:pointer}.library-link span,.section-heading span{margin-left:7px;font-size:14px}.divider{height:1px;background:#242b34;margin:27px 0 25px}.compact{justify-content:flex-start}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:23px 0 17px}label{font:9px "DM Mono",monospace;color:#727d8b;letter-spacing:.05em}select,.audience-input{display:block;width:100%;color:#e6e8e5;background:#171d25;border:1px solid #323b47;border-radius:5px;height:39px;padding:0 11px;margin-top:8px;font:11px "DM Sans",sans-serif;outline:none}.audience-input{display:flex;align-items:center;gap:8px;padding:0 10px}.audience-input span{color:var(--purple);font-size:15px}.audience-input input{background:transparent;border:0;outline:0;color:#dfe3e5;width:100%;font-size:11px}.full-width{grid-column:1/-1}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #242b34}.toggle-row strong,.toggle-row span{display:block}.toggle-row strong{font-size:11px;font-weight:500}.toggle-row span{font-size:10px;color:#747f8d;margin-top:4px}.toggle{border:0;width:32px;height:18px;border-radius:10px;background:#3b4350;padding:2px;cursor:pointer}.toggle i{display:block;background:#a3aab4;width:14px;height:14px;border-radius:50%;transition:all .2s}.toggle.on{background:var(--lime)}.toggle.on i{transform:translateX(14px);background:#28301a}.generate-btn{width:100%;height:44px;background:var(--lime);color:#18200e;border:0;border-radius:5px;font-size:12px;font-weight:700;margin-top:20px;cursor:pointer}.generate-btn:hover{background:#e6ff7b}.generate-btn span{font-size:16px;margin-right:8px}.generate-btn kbd{float:right;margin:1px 11px 0 0;background:#c5df59;border-radius:3px;padding:4px 6px;font:9px "DM Mono",monospace}.preview-panel{padding:25px 26px;display:flex;flex-direction:column}.preview-head{display:flex;justify-content:space-between;align-items:flex-start}.preview-head h2{margin-top:8px}.preview-actions{display:flex;gap:8px}.preview-actions button{font-size:10px;color:#aeb5bd;border:1px solid #323b47;background:#171d25;border-radius:4px;padding:7px 9px;cursor:pointer}.preview-actions button:hover{border-color:#5b6571;color:#fff}.phone-stage{background:#191e27;border-radius:7px;margin-top:22px;height:401px;display:grid;place-items:center;position:relative;overflow:hidden}.phone-stage:before,.phone-stage:after{content:"";position:absolute;width:130px;height:130px;border:1px solid #29323c;border-radius:50%;opacity:.7}.phone-stage:before{left:-53px;top:30px}.phone-stage:after{right:-66px;bottom:-58px;width:180px;height:180px}.phone{width:184px;height:367px;background:#080a0d;border:5px solid #060709;border-radius:24px;box-shadow:0 8px 30px #05060999;padding:3px}.phone-screen{height:100%;border-radius:18px;overflow:hidden;position:relative;background:#35352d}.phone-top{position:absolute;z-index:3;top:8px;left:12px;right:12px;display:flex;justify-content:space-between;color:#eee;font:7px "DM Mono",monospace}.video-placeholder{position:absolute;inset:0;background:linear-gradient(145deg,#5f6d64 0%,#27392f 41%,#111916 100%)}.grain{position:absolute;inset:0;background:linear-gradient(130deg,transparent 20%,#a1c38d44 21%,transparent 36%),linear-gradient(40deg,transparent 50%,#e2d1a633 51%,transparent 63%);mix-blend-mode:screen}.play-glyph{position:absolute;top:43%;left:45%;color:#ffffff66;font-size:19px}.video-caption{position:absolute;top:82px;left:15px;color:#f3f0df;font:8px "DM Mono",monospace;line-height:1.5;letter-spacing:.06em}.video-caption b{font-size:12px;color:var(--lime);font-family:"DM Sans",sans-serif;letter-spacing:0}.video-overlay{position:absolute;left:14px;right:35px;bottom:46px}.overlay-badge{font:7px "DM Mono",monospace;color:var(--lime);letter-spacing:.08em;margin-bottom:8px}.video-overlay h3{font:600 21px "Playfair Display",serif;line-height:1.05;margin:0 0 10px;text-shadow:0 2px 7px #0008}.video-overlay h3 em{font-style:normal;color:var(--lime)}.video-overlay p{font-size:9px;line-height:1.45;color:#e1e3db;margin:0}.caption-line{width:25px;height:2px;background:var(--lime);margin:11px 0 7px}.handle{font:7px "DM Mono",monospace!important}.handle span{display:block;color:#c2c7bd;font-size:6px;margin-top:4px}.phone-sidebar{position:absolute;right:8px;bottom:67px;display:grid;gap:13px;text-align:center}.phone-sidebar span{font-size:17px}.phone-sidebar small{display:block;font:6px "DM Mono",monospace;margin-top:1px}.phone-progress{position:absolute;bottom:35px;height:2px;left:0;right:0;background:#ffffff55}.phone-progress i{display:block;width:31%;height:100%;background:#fff}.phone-bottom{position:absolute;bottom:10px;left:17px;right:17px;display:flex;justify-content:space-between;font-size:12px}.phone-bottom strong{font-size:7px;border-bottom:1px solid white;padding-bottom:3px}.script-summary{margin:19px 0 14px}.summary-row{display:flex;align-items:center;gap:11px;padding:8px 0}.summary-icon{color:var(--orange);font-size:15px;width:17px;text-align:center}.summary-row div{flex:1}.summary-row strong,.summary-row span{display:block}.summary-row strong{font-size:10px;font-weight:500}.summary-row div span{font-size:10px;color:#727c88;margin-top:3px}.summary-row>b{color:#7dca68;font-size:9px}.edit-script{border:1px solid #3b4552;background:transparent;color:#d2d7dd;border-radius:4px;width:100%;height:35px;font-size:10px;cursor:pointer}.edit-script:hover{border-color:var(--lime)}.edit-script span{color:var(--lime);font-size:14px;margin-left:6px}.recent-section{margin-top:43px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:17px}.section-heading h2{font-size:16px;margin:9px 0 0}.section-heading button{padding:0}.draft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.draft-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:hidden}.draft-thumb{height:111px;padding:13px 15px;position:relative;overflow:hidden}.draft-thumb:after{content:"";position:absolute;width:100px;height:100px;border:1px solid #ffffff25;border-radius:50%;right:-20px;bottom:-38px}.draft-thumb span{font:8px "DM Mono",monospace;color:#ffffffaa}.draft-thumb b{display:block;font:600 19px "Playfair Display",serif;line-height:1.08;margin-top:15px}.thumb-one{background:linear-gradient(130deg,#59433b,#25252b)}.thumb-two{background:linear-gradient(130deg,#2f384c,#4b6170)}.thumb-three{background:linear-gradient(130deg,#4a4d36,#22251e)}.draft-meta{padding:12px 14px;position:relative}.draft-meta strong,.draft-meta span{display:block}.draft-meta strong{font-size:11px}.draft-meta span{font-size:9px;color:#737d8a;margin-top:6px}.draft-meta button{position:absolute;right:10px;top:13px;background:none;border:0;color:#7c8691;font-size:11px;cursor:pointer}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--lime);color:#17200c;padding:11px 17px;border-radius:5px;font-size:11px;font-weight:600;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1150px){.page-wrap{padding-left:28px;padding-right:28px}.topbar{padding:0 28px}.creation-panel{padding:23px}.preview-panel{padding:22px 20px}}
.page-view{display:none;padding:28px}.page-view.visible{display:block}.viewing-subpage .workspace-grid,.viewing-subpage .recent-section{display:none}.view-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.view-heading h2{font-size:23px;margin:9px 0 5px}.view-heading p:not(.eyebrow){color:var(--muted);font-size:12px;margin:0}.generate-btn.small{width:auto;padding:0 18px;margin:0;height:38px;font-size:11px}.law-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.law-card{border:1px solid var(--line);background:#171d25;color:var(--text);padding:17px;text-align:left;border-radius:7px;cursor:pointer}.law-card:hover{border-color:var(--lime);background:#1d271d}.law-card span,.law-card strong,.law-card small{display:block}.law-card span{color:var(--orange);font:9px "DM Mono",monospace}.law-card strong{font:17px "Playfair Display",serif;margin:8px 0 5px}.law-card small{color:var(--muted);font-size:11px;line-height:1.4}.draft-grid-view{margin-top:3px}.calendar-grid,.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.calendar-grid div,.analytics-grid div{border:1px solid var(--line);background:#171d25;border-radius:7px;padding:20px}.calendar-grid b{display:block;color:var(--lime);font:10px "DM Mono",monospace;margin-bottom:16px}.calendar-grid span{font-size:12px}.analytics-grid strong{display:block;font:25px "Playfair Display",serif;color:var(--lime)}.analytics-grid span{display:block;color:var(--muted);font-size:11px;margin-top:6px}
.ai-link{display:inline-flex;align-items:center;gap:5px;color:#17200c;background:var(--lime);border:1px solid var(--lime);border-radius:4px;padding:7px 9px;font-size:10px;font-weight:700;text-decoration:none;white-space:nowrap}.ai-link:hover{background:#e8ff7a;border-color:#e8ff7a}
.demo-controls{display:flex;align-items:center;gap:9px;margin-top:13px}.play-control,.mini-control{border:1px solid #3b4653;background:#1a212b;color:var(--lime);border-radius:50%;width:25px;height:25px;font-size:9px;cursor:pointer}.mini-control{color:#aab3be;font-size:13px}.mini-control.muted{color:var(--orange)}.demo-track{height:3px;background:#303945;flex:1;border-radius:5px;overflow:hidden}.demo-track i{display:block;width:0;height:100%;background:var(--lime);transition:width .3s linear}.demo-time{font:9px "DM Mono",monospace;color:#77818d;white-space:nowrap}.scene-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:12px}.scene-card{min-width:0;text-align:left;border:1px solid #2b3440;background:#171d25;border-radius:4px;padding:7px;color:#707b88;cursor:pointer}.scene-card b,.scene-card span,.scene-card small{display:block}.scene-card b{font:9px "DM Mono",monospace;color:#9ca7b3}.scene-card span{font-size:10px;color:#d0d5d8;margin:5px 0 3px}.scene-card small{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-card.active{border-color:var(--lime);background:#202a20}.scene-card.active b{color:var(--lime)}.scene-card.active span{color:#f2f4e9}.animated-caption{color:var(--lime)!important;font:600 8px "DM Mono",monospace!important;letter-spacing:.01em;margin-top:7px!important}.video-placeholder[data-scene="0"]{background:linear-gradient(145deg,#777661,#2f3c32 48%,#111916)}.video-placeholder[data-scene="1"]{background:linear-gradient(145deg,#6a594c,#273542 52%,#10161b)}.video-placeholder[data-scene="2"]{background:linear-gradient(145deg,#3f5260,#19222b 50%,#090d11)}.video-placeholder[data-scene="3"]{background:linear-gradient(145deg,#798570,#344833 49%,#131a14)}.video-placeholder[data-scene="4"]{background:linear-gradient(145deg,#9a8063,#3c4f3b 48%,#121a14)}.scene-orb{position:absolute;width:80px;height:80px;border-radius:50%;right:-20px;top:125px;background:#d9f36a44;filter:blur(20px);animation:drift 5s ease-in-out infinite}.video-placeholder[data-scene="1"] .scene-orb{background:#ff9b6255;transform:scale(1.7)}.video-placeholder[data-scene="2"] .scene-orb{background:#9b8cff55;left:25px;top:170px}.video-placeholder[data-scene="3"] .scene-orb{background:#d9f36a55;right:40px;top:70px}.video-placeholder[data-scene="4"] .scene-orb{background:#ffb56a66;right:30px;top:185px}@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(-15px,12px) scale(1.2)}}