:root{font-family:DM Sans,sans-serif;color:#e9e9f0;background:#101116;font-synthesis:none;color-scheme:dark;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer;border:1px solid #30313d;border-radius:8px;padding:10px 14px;background:#22232d;color:#e8e8f0;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s}button:hover{background:#32313f;border-color:#777087}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:30px;letter-spacing:-1px;margin:7px 0 10px}h2{font-size:19px;letter-spacing:-.5px;margin-bottom:15px}h3{font-size:16px}.app{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:#15161d;border-right:1px solid #272832;position:fixed;inset:0 auto 0 0;padding:32px 20px 0;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;font:800 14px Manrope,sans-serif;letter-spacing:.5px}.brand span{display:block;color:#a298b6;font-size:10px;letter-spacing:4px;margin-top:4px}.brand-icon{background:linear-gradient(140deg,#9f7aff,#6749cf);padding:10px;border-radius:11px;box-shadow:0 5px 20px #7045cf30;color:#fff}.workspace-label{margin:43px 12px 17px;font-size:10px;color:#737583;letter-spacing:1.8px;display:flex;justify-content:space-between}.workspace-label span{font-size:8px;background:#262631;padding:3px 5px;letter-spacing:1px}.nav-item{width:100%;justify-content:flex-start;border:0;background:none;color:#9294a5;padding:13px 14px;margin:3px 0;gap:12px;font-size:13px}.nav-item.selected{color:#c1a7ff;background:#9570ef1c;box-shadow:inset 3px 0 #a881ff}.nav-item small{margin-left:auto;background:#383040;padding:2px 7px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:40px}.local-card{border:1px solid #35303f;background:linear-gradient(140deg,#242031,#1b1b25);border-radius:10px;padding:17px;margin-bottom:20px}.local-card>svg{color:#af8af6;margin-bottom:12px}.local-card strong{display:block;font-size:12px}.local-card p{font-size:11px;color:#8f8a9e;line-height:1.8;margin:8px 0 12px}.local-dot{font-size:9px;color:#99bdad}.local-dot:before,.status-dot{content:"";width:6px;height:6px;background:#80c4a0;display:inline-block;border-radius:50%;margin-right:5px}.profile{border-top:1px solid #2a2b34;display:flex;align-items:center;gap:12px;padding:23px 4px;font-size:12px}.profile>span,.avatar{background:#34303f;color:#c1b1de;border:1px solid #4a405b;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px}.profile small{display:block;font-size:10px;color:#787888;margin-top:4px}main{margin-left:248px;width:calc(100% - 248px)}.topbar{height:78px;border-bottom:1px solid #252630;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{color:#717381;font-size:12px}.breadcrumb span{padding:0 14px;color:#4f515f}.breadcrumb strong{color:#b8b9c5;font-weight:400}.top-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#999aa8}.divider{height:22px;width:1px;background:#30313a;margin:0 13px}.content{max-width:1500px;margin:auto;padding:35px 40px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:15px}.page-heading p{color:#828493;font-size:12px;margin:0}.eyebrow{font-size:9px;letter-spacing:2px;color:#8e80aa;font-weight:700}.primary{background:#9871ed;color:#fff;border-color:#a581ee;box-shadow:0 3px 14px #9871ed15;font-size:12px;font-weight:600;padding:12px 18px}.primary:hover{background:#ae86ff}.hero{min-height:320px;border:1px solid #514069;border-radius:14px;background:radial-gradient(ellipse at 85% 50%,#55407870,transparent 65%),linear-gradient(110deg,#2c223d,#211d30);position:relative;overflow:hidden;display:flex;margin-bottom:25px}.hero-copy{padding:33px 35px;z-index:1;width:60%}.hero-label{font-size:9px;letter-spacing:1.9px;display:flex;gap:7px;align-items:center;color:#c4a7ff}.hero h2{font-size:34px;line-height:1.3;letter-spacing:-1px;margin:17px 0 13px}.hero p{color:#b0a4c5;font-size:12px;line-height:1.9;margin-bottom:20px}.light-button{background:#e9dfff;color:#342446;border:0;font-size:11px;font-weight:700}.hero small{display:block;color:#9586aa;font-size:9px;margin-top:14px}.hero-visual{position:absolute;right:0;width:45%;height:100%;perspective:700px}.orbit{border:1px solid #ba90ff15;border-radius:50%;position:absolute;width:420px;height:420px;top:-48px;left:-20px}.orbit-two{width:330px;height:330px;left:25px;top:-2px}.frame{position:absolute;border:1px solid #ad90cf70;border-radius:10px;background:#302c3d;box-shadow:0 15px 40px #100a2180;width:220px;height:230px;left:65px;top:43px;transform:rotate(8deg)}.frame-back{transform:rotate(-13deg);left:30px;top:40px;background:linear-gradient(145deg,#645271,#292737)}.frame-front{padding:8px;transform:rotate(8deg)}.frame-landscape{height:130px;border-radius:5px;background:radial-gradient(ellipse at 58% 33%,#e5bbb4,transparent 23%),linear-gradient(150deg,transparent 45%,#363747 46%,#262532 58%,transparent 59%),linear-gradient(32deg,#24212e 30%,#6c657a 31%,#a88e9d 50%,#65647e 51%,#a19bb1 72%,#ac8d9e);position:relative}.frame-caption{padding:14px 6px}.frame-caption span{display:block;font-size:8px;color:#b8a7cc;letter-spacing:3px}.frame-caption b{display:block;font-size:12px;letter-spacing:1px;margin-top:6px}.fake-timeline{display:flex;gap:4px;margin-top:12px}.fake-timeline i{height:13px;flex:1;border-radius:2px;background:#88729f}.fake-timeline i:nth-child(2n){background:#a191b6}.floating-label{position:absolute;top:244px;left:10px;font-size:8px;letter-spacing:1px;background:#3f354f;border:1px solid #71617e;padding:10px;border-radius:7px;display:flex;gap:8px;align-items:center;transform:rotate(-4deg)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.panel{background:#191a22;border:1px solid #2b2c37;border-radius:11px}.stat{display:flex;gap:16px;align-items:center;padding:20px}.stat-icon{background:#272333;color:#ad8bdc;padding:11px;border-radius:9px;display:flex}.stat p{font-size:10px;color:#8a8b9b;margin:0 0 7px}.stat strong{font:700 23px Manrope,sans-serif}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.section-heading h2{margin:0}.count{font:400 10px DM Sans;color:#a099b4;background:#2b2736;padding:3px 7px;border-radius:4px;margin-left:7px}.text-button{background:none;border:0;padding:0;justify-content:flex-start;text-align:left}.text-button:hover{background:none}.purple{font-size:11px;color:#b595ef}.empty{text-align:center;padding:30px 20px;background:linear-gradient(120deg,#1c1b26,#181a21)}.empty-icon{color:#9879c6;background:#2d263b;display:inline-flex;padding:13px;border-radius:13px;margin-bottom:13px}.empty h3{font-size:16px;margin:0 0 9px}.empty p{font-size:12px;color:#878394;margin-bottom:20px}.workflow{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;margin-top:25px;gap:15px}.workflow h3{font-size:12px;margin:7px 0 0}.workflow p{font-size:10px;color:#aca3bb;margin:0}.workflow b{font-weight:400;color:#65576f;padding:0 9px}footer{display:flex;gap:14px;align-items:center;border-top:1px solid #24252e;margin-top:36px;padding:23px 0;color:#616370;font-size:8px;letter-spacing:1px}footer span{font-size:9px;letter-spacing:0;color:#50525e}footer small{margin-left:auto;font-size:8px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{border:1px solid #30303c;border-radius:11px;overflow:hidden;background:#191a22}.project-art{width:100%;height:150px;border:0;border-radius:0;position:relative;display:flex;flex-direction:column;gap:13px;color:#d3bde6}.art-0{background:radial-gradient(ellipse at 70% 20%,#84728f,transparent 60%),linear-gradient(30deg,#242436,#52425f)}.art-1{background:radial-gradient(ellipse at 20% 20%,#5e8485,transparent 60%),linear-gradient(30deg,#202f34,#36575e)}.art-2{background:radial-gradient(ellipse at 70% 20%,#9b7166,transparent 60%),linear-gradient(30deg,#372933,#62434d)}.project-art span{font-size:10px;letter-spacing:2px}.project-art b{position:absolute;top:12px;right:12px;font-size:9px;background:#15151c80;padding:4px 7px;border-radius:4px}.project-info{padding:18px}.project-info h3{font-size:14px;margin:0 0 10px;overflow-wrap:anywhere}.project-info p{font-size:10px;color:#9691a3}.project-info p span{margin:0 5px}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2c2c36;padding-top:13px}.card-footer small{font-size:9px;color:#6f7080}.card-footer button{padding:6px;background:transparent}.grid{display:grid;gap:18px}.two{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}.form{padding:26px}label{display:flex;flex-direction:column;gap:9px;font-size:11px;color:#b5b2c3;margin-bottom:18px}input,textarea,select{width:100%;border:1px solid #373644;background:#12131a;color:#e5dfef;padding:11px 12px;border-radius:7px;min-width:0}textarea{resize:vertical;min-height:100px;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:#b491ff}input::placeholder,textarea::placeholder{color:#626170}fieldset{border:0;padding:0;margin:0;min-width:0}.check{flex-direction:row;align-items:center;gap:8px}.check input{width:auto}.muted{font-size:12px;color:#9490a3;line-height:1.7}.tag{color:#ac96ce;background:#2b2439;border:1px solid #463451;border-radius:5px;padding:5px 8px;font-size:9px;white-space:nowrap}.actions{display:flex;flex-wrap:wrap;gap:8px}.danger{color:#e4a1ad}.alert,.notice{padding:13px 16px;border:1px solid #665236;background:#342c22;border-radius:8px;margin-bottom:18px;font-size:12px;line-height:1.7}.alert{color:#f2bdc4;background:#3b222d;border-color:#6a3646}.editor-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.editor-bar h2{font-size:25px;margin:10px 0;overflow-wrap:anywhere}.pipeline{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#b09bc9;border-block:1px solid #30303d;padding:16px 0;margin:12px 0 22px}.pipeline b{margin-right:12px;color:#5e506f}.source{padding:18px;margin-bottom:20px}summary{cursor:pointer;font-size:12px;color:#b7a2d1}.source[open] summary{margin-bottom:22px}.editor-layout{display:grid;grid-template-columns:220px 1fr;gap:20px}.scene-list{padding:18px 10px;height:fit-content}.scene-list>.eyebrow{margin:0 10px 14px;display:block}.scene-item{width:100%;text-align:left;justify-content:flex-start;margin:4px 0;padding:12px 9px;border:1px solid transparent;background:transparent}.scene-item.active{background:#2a2339;border-color:#604779}.scene-number{font-size:12px;color:#9f81c4;padding:9px;background:#30263e;border-radius:6px}.scene-item strong{display:block;font-size:11px;overflow-wrap:anywhere}.scene-item small{display:block;font-size:9px;color:#91859f;margin-top:6px}.scene-editor{padding:24px;min-width:0}.scene-editor .actions button{font-size:10px;padding:7px}.beat{padding:18px;background:#14151d;border:1px solid #2e2d3a;border-radius:9px;margin-top:19px}.beat-heading{display:flex;gap:12px;align-items:center;margin-bottom:20px}.beat-heading input{background:transparent;border:0;padding:5px;font-weight:600;font-size:12px}.beat-heading small{white-space:nowrap;font-size:10px;color:#8b8399}.beat label{margin-bottom:0;font-size:10px}.beat textarea{font-size:11px;min-height:130px}.character-grid{margin-top:20px}.preset{padding:18px}.preset-art{height:140px;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#cab5db;margin-bottom:20px}.preset button{font-size:11px}.integration{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid #30303b;font-size:12px}.integration:last-of-type{margin-bottom:20px}@media(min-width:1450px){.hero-visual{right:6%}.hero{min-height:340px}.hero-copy{padding:40px}.hero h2{font-size:38px}}@media(max-width:1100px){.sidebar{width:210px;padding-inline:14px}main{margin-left:210px;width:calc(100% - 210px)}.content{padding:25px}.topbar{padding:0 25px}.stats{gap:10px;grid-template-columns:repeat(2,1fr)}.hero-visual{right:-65px}.hero-copy{padding:28px;width:65%}.hero h2{font-size:30px}.workflow{align-items:flex-start;flex-direction:column}.editor-layout{grid-template-columns:170px 1fr}.scene-editor .three{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app{display:block}.sidebar{position:relative;width:100%;padding:16px;border-bottom:1px solid #30303a;display:block}.brand{font-size:12px}.brand-icon{padding:8px}.brand span{font-size:8px}.workspace-label,.local-card,.profile{display:none}nav{display:flex;overflow:auto;margin-top:15px}.nav-item{width:auto;white-space:nowrap;font-size:11px;padding:10px;gap:6px}.sidebar-bottom{padding:0;margin:0}.sidebar-bottom .nav-item{position:absolute;right:12px;top:18px;font-size:0}.sidebar-bottom .nav-item svg{width:20px}.sidebar-bottom .nav-item{width:36px}main{width:100%;margin:0}.topbar{height:57px;padding:0 18px}.content{padding:25px 18px 0}.page-heading{align-items:flex-start;flex-direction:column}h1{font-size:26px}.hero-copy{width:100%;padding:25px}.hero-visual{display:none}.hero h2{font-size:32px}.hero{min-height:0}.stats{gap:10px}.stat{padding:15px;gap:10px}.stat-icon{padding:8px}.stat strong{font-size:22px}.stat p{font-size:9px}.two,.three,.project-grid{grid-template-columns:1fr}.editor-bar{align-items:flex-start;flex-direction:column}.editor-layout{grid-template-columns:1fr}.scene-list{display:flex;overflow:auto;gap:7px}.scene-list>.eyebrow{display:none}.scene-item{min-width:160px}.scene-editor{padding:16px}.section-heading{flex-wrap:wrap}.form{padding:20px}.workflow p{line-height:2}.workflow b{padding:0 4px}footer{flex-wrap:wrap}footer small{margin-left:0}.top-status{font-size:10px}.desktop{display:none}.integration{align-items:flex-start;flex-direction:column}}.engine-panel{margin:20px 0}.engine-panel .actions{margin-bottom:16px}.engine-panel details{margin-top:18px}.lock-grid{margin-top:18px}.quality{font-size:12px;color:#aaa0ba;line-height:1.8}.setting-submit{display:flex;align-items:center}.beat .grid{margin-bottom:18px}.account-panel{margin-bottom:22px}.top-status button{font-size:10px;color:#a99fbd}.account-panel h2{margin-top:10px}
