:root{color-scheme:dark;--bg:#070b14;--panel:#101626;--border:#242b3c;--muted:#99a2b7;--text:#f4f5fa;--peach:#ffb0a0;--lilac:#d2a9ff;--teal:#a9f0d5;--blue:#a6bfff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.svg-sprites{position:absolute;width:0;height:0;overflow:hidden}svg:not(.svg-sprites):not(.avatar-bust svg){width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;background:#0c101b;border-right:1px solid #222735;display:flex;flex-direction:column;padding:27px 16px 19px;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 9px;margin-bottom:52px}.brand-icon{height:41px;width:41px;border:1px solid #f3b0ac5d;background:linear-gradient(145deg,#5c294c,#1b243a);border-radius:13px;display:grid;place-items:center;font-size:32px;font-weight:760;line-height:1}.brand-dot{color:#ffa78d}.brand strong{font-size:15px;letter-spacing:-.4px;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:2.5px;color:#82899d;margin-top:4px}.menu-label,.eyebrow{font-weight:750;font-size:10px;letter-spacing:2px;color:#9ca6c5}.menu-label{padding:0 15px 12px}.side-nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:13px;padding:14px 13px;width:100%;background:transparent;border:1px solid transparent;text-align:left;border-radius:10px;color:#929bad;font-size:13px;font-weight:570;transition:background .18s,color .18s}.nav-item svg{width:19px;height:19px}.nav-item.active{background:#1b2132;color:#fff;border-color:#2a3348}.nav-item.active svg{color:#fbac9d}.nav-item:hover:not(.active){background:#151c2b;color:#fff}.nav-mini{margin-left:auto;color:#737f99;font-size:10px}.sidebar-spacer{flex:1}.status-card{background:linear-gradient(135deg,#1b1a30,#141b2c);border:1px solid #34304b;border-radius:15px;padding:17px 15px;margin-bottom:21px}.status-head{font-weight:800;font-size:10px;letter-spacing:1.3px;color:#e4d8ff;display:flex;align-items:center;gap:8px}.tiny-indicator{display:inline-block;min-width:7px;height:7px;background:#8bedd0;box-shadow:0 0 12px #8bedd07d;border-radius:50%}.tiny-indicator.dim{background:#6d809b;box-shadow:none}.status-card p{font-size:12px;line-height:1.65;color:#a5abc0;margin:12px 0}.status-card a{color:#eec1ff;font-size:11px;display:inline-flex;align-items:center;gap:5px}.status-card a svg{width:12px;height:12px}.side-footer{display:flex;align-items:center;gap:9px;color:#697387;font-size:10px;padding:0 6px}.main-column{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:78px;border-bottom:1px solid #252a38;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4.4vw,68px);background:#0b0f1b}.breadcrumb,.top-right{display:flex;align-items:center;gap:12px}.breadcrumb{font-size:13px;color:#7e899e}.breadcrumb strong{font-weight:650;color:#e7eaf7}.slash{color:#3f485b}.top-right{gap:23px}.top-pill{display:flex;align-items:center;gap:9px;background:#162036;color:#b1bed8;border:1px solid #293553;border-radius:30px;padding:9px 13px;font-size:9px;font-weight:800;letter-spacing:1px}.profile-chip{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(120deg,#fbb5ad,#d4b5ff);font-weight:800;color:#221b34}.menu-button{display:none!important}.content{width:100%;max-width:1540px;margin:0 auto;flex:1;padding:42px clamp(20px,4.4vw,68px) 70px}.view{display:none;animation:appear .22s ease}.view.active{display:block}@keyframes appear{from{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:none}}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#edbaba}.eyebrow svg{width:13px;height:13px}.date-tag{font-size:10px;color:#76849e;letter-spacing:1.2px}.hero{min-height:355px;border:1px solid #4e3754;border-radius:22px;overflow:hidden;position:relative;display:flex;align-items:center;background:radial-gradient(circle at 80% 52%,#583958 0%,transparent 41%),linear-gradient(120deg,#342438 0%,#251d37 55%,#131c31 100%)}.hero-grain{position:absolute;inset:0;opacity:.15;background-image:radial-gradient(#fff 0.6px,transparent .6px);background-size:14px 14px;mask-image:linear-gradient(to right,transparent,#000)}.hero-copy{position:relative;z-index:2;padding:43px clamp(28px,4vw,57px);max-width:620px}.hero-badge{font-size:10px;font-weight:800;color:#ffd6be;letter-spacing:1.55px}.hero h1,.workspace-intro h1{font-size:clamp(35px,4.3vw,60px);line-height:1.06;letter-spacing:-2.2px;margin:19px 0 18px;font-weight:770}.hero h1 em,.workspace-intro h1 em{font-style:normal;background:linear-gradient(95deg,#ffb5a3,#e5b4f7);background-clip:text;color:transparent}.hero p,.workspace-intro p{font-size:13px;line-height:1.8;color:#d2c1d9;max-width:470px;margin:0 0 23px}.hero-acts,.action-row{display:flex;flex-wrap:wrap;gap:11px}.btn{border-radius:10px;display:inline-flex;align-items:center;gap:10px;justify-content:center;border:1px solid transparent;padding:13px 19px;font-size:12px;font-weight:760;transition:transform .15s,filter .15s;min-height:45px}.btn:hover{transform:translateY(-1px);filter:brightness(1.09)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn svg{height:15px;width:15px}.btn.primary{background:#f8b5a5;color:#251625;box-shadow:0 8px 25px #fa9f8e1b}.btn.ghost{background:#ffffff13;border-color:#ffffff3b;color:#fff}.btn.outline{background:transparent;color:#eceff5;border-color:#3b4359}.hero-art{position:absolute;right:3%;bottom:0;width:38%;height:100%;z-index:1}.avatar-bust{width:250px;max-width:90%;height:300px;position:absolute;bottom:-7px;right:16%;filter:drop-shadow(0 18px 40px #09061370);background:radial-gradient(ellipse,#e6b4fc2c,transparent 65%);border-radius:48%}.avatar-bust svg{width:100%;height:100%;position:relative;z-index:1}.orbit{position:absolute;border:1px solid #f1c4ff55;border-radius:50%;left:7%;top:12%;width:85%;aspect-ratio:1;transform:rotate(-15deg)}.orbit-2{left:18%;top:16%;width:64%;border-color:#d5b7ff3d}.decor-burst{position:absolute;top:17%;left:17%;font-size:29px;color:#ffdfc6}.floating-tag{position:absolute;z-index:3;font-size:9px;font-weight:780;letter-spacing:1.3px;border:1px solid #ffffff4f;color:#f8ecff;background:#1c1b37c9;backdrop-filter:blur(10px);border-radius:9px;padding:12px 14px;white-space:nowrap;box-shadow:0 8px 23px #0405194a}.tag-voice{left:-5%;bottom:29%;display:flex;align-items:center;gap:11px}.tag-avatar{right:-1%;top:28%}.wave-dots{display:inline-flex;align-items:center;gap:2px;height:17px}.wave-dots b{width:2px;background:#ffc4ab;height:9px;border-radius:4px}.wave-dots b:nth-child(2){height:16px}.wave-dots b:nth-child(3){height:12px}.wave-dots b:nth-child(4){height:18px}.wave-dots b:nth-child(5){height:7px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:48px 0 22px}.section-heading h2{font-size:27px;letter-spacing:-.7px;margin:10px 0}.section-heading p{font-size:12px;color:#8690a8;margin:0}.label-muted{font-size:10px;color:#768096;letter-spacing:1.5px}.studio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.studio-card{border:1px solid #33394b;border-radius:16px;text-align:left;display:flex;flex-direction:column;padding:19px;min-height:244px;transition:transform .2s,border-color .2s;background:linear-gradient(140deg,#201c28,#101723);color:#f5f5fc}.studio-card:hover{transform:translateY(-4px);border-color:#b8a0bb}.studio-card-top{display:flex;justify-content:space-between;align-items:flex-start}.studio-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#ffae9721;color:var(--peach)}.studio-card.lilac .studio-icon{background:#b8a1ed24;color:#d4b7ff}.studio-card.blue .studio-icon{background:#a3bfff22;color:#b4c5ff}.studio-card.mint .studio-icon{background:#8de5cd1f;color:#9aedd9}.corner-arrow{font-size:19px;color:#9497a8}.studio-card-body{display:flex;flex-direction:column;margin-top:23px;gap:9px;flex:1}.studio-card-body small{font-size:9px;letter-spacing:1.5px;color:#9e9cb6;font-weight:800}.studio-card-body strong{font-size:17px;letter-spacing:-.35px}.studio-card-body>span{font-size:11px;line-height:1.6;color:#9ca4b4}.studio-card-bottom{padding-top:17px;border-top:1px solid #343344;font-size:9px;letter-spacing:1.1px;color:#d4bdd9;font-weight:750;display:flex;justify-content:space-between;align-items:center;margin-top:21px}.studio-card-bottom span{font-size:16px}.honesty-strip{display:flex;align-items:flex-start;gap:15px;border:1px solid #2b3650;background:#11192a;border-radius:14px;padding:20px 21px;margin-top:24px}.honesty-strip svg{color:#adc7f3}.honesty-strip strong{font-size:13px}.honesty-strip p{font-size:11px;color:#aab2c4;line-height:1.8;margin:5px 0 0}.footer{min-height:60px;border-top:1px solid #252a39;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px clamp(20px,4.4vw,68px);font-size:10px;color:#78849a}.footer span:last-child{letter-spacing:1.2px}.workspace-intro{padding:19px 0 31px}.workspace-intro h1{font-size:clamp(39px,5vw,64px)}.workspace-intro p{color:#a6aec4;max-width:650px}.work-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px}.panel{background:linear-gradient(145deg,#141a2a,#101523);border:1px solid #2b3448;border-radius:19px;padding:clamp(18px,2.3vw,30px);min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:30px}.panel-header h2{margin:0 0 7px;font-size:18px;letter-spacing:-.45px}.panel-header p{margin:0;font-size:11px;color:#8d98b0;line-height:1.55}.pill{display:inline-flex;align-items:center;border-radius:6px;padding:6px 8px;font-size:9px;letter-spacing:.7px;font-weight:750;white-space:nowrap}.pill.orange{color:#ffcbb1;background:#f9a9871a}.pill.green{color:#acedd2;background:#80e0b51b}.panel label:not(.upload-zone){display:block;margin:20px 0 9px;font-size:11px;font-weight:750;color:#cbd2e1}.panel label:first-of-type{margin-top:0}.panel textarea,.panel select,.panel input[type=text]{width:100%;background:#0a101e;border:1px solid #333d55;border-radius:10px;color:#eef0f7;padding:13px 14px;outline:none;resize:vertical;font-size:12px;line-height:1.65}.panel textarea:focus,.panel select:focus,.panel input[type=text]:focus{border-color:#efb1c6}.panel select{appearance:auto}.panel input[type=range]{width:100%;accent-color:#e7add0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.fields label span{color:#f6b9b0}.action-row{margin-top:24px}.feedback{font-size:11px;color:#a2aec5;line-height:1.65;margin:17px 0 0;min-height:18px}.decorative-panel{background:linear-gradient(150deg,#1c1b34,#101522 70%)}.sound-canvas{height:235px;border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 51% 48%,#c080b338,#12132a 65%);border:1px solid #4b3458;margin-bottom:17px}.disc{width:162px;height:162px;display:grid;place-items:center;border:1px solid #e9a8fc78;border-radius:50%;box-shadow:0 0 0 15px #ae8dda15,0 0 0 43px #ae8dda0d,0 0 43px #d38fbc32}.disc-core{height:94px;width:94px;border-radius:50%;background:linear-gradient(140deg,#f8b29d,#9c7bd8);display:grid;place-items:center;color:#261c3c}.disc-core svg{width:42px!important;height:42px!important}.sound-bars{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;height:29px}.sound-bars span{width:3px;border-radius:6px;background:#f2b6dd;height:12px}.sound-bars span:nth-child(3n){height:24px}.sound-bars span:nth-child(4n){height:18px}.sound-bars span:nth-child(5n){height:8px}.feature-row{border-top:1px solid #303448;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#bcc6d8;font-size:10px;letter-spacing:.5px}.pending{color:#d7a5a1;font-size:9px;letter-spacing:.7px}.upload-zone{border:1.5px dashed #586077;border-radius:14px;padding:36px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;background:#10192a;text-align:center}.upload-zone:hover{border-color:#f1afcb}.upload-zone svg{color:#f0b2c3;width:27px!important;height:27px!important}.upload-zone strong{font-size:13px}.upload-zone small{font-size:10px;color:#8895af}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.preview-panel{background:#101626}.portrait-stage{position:relative;overflow:hidden;height:355px;border-radius:15px;border:1px solid #6a4b82;background:radial-gradient(ellipse at 50% 53%,#795eab,#231d3c 65%,#19182b);display:grid;place-items:center}.portrait-stage.sunset{background:radial-gradient(ellipse at 50% 53%,#b4735b,#472737 65%,#211827);border-color:#8c5847}.portrait-stage.teal{background:radial-gradient(ellipse at 50% 53%,#39887f,#1b414b 65%,#101e2d);border-color:#377878}.portrait-halo{position:absolute;border:1px solid #ffffff4d;width:245px;height:245px;border-radius:50%;box-shadow:0 0 0 30px #fff1,0 0 0 70px #fff1}.portrait-stage img{position:relative;z-index:1;width:72%;height:82%;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 12px #1115)}.portrait-placeholder{position:relative;z-index:2;color:#dcc6f0;display:flex;flex-direction:column;align-items:center;gap:20px;font-size:10px;letter-spacing:1.3px;font-weight:750}.portrait-placeholder svg{height:82px!important;width:82px!important;stroke-width:1!important}.stage-watermark{position:absolute;bottom:14px;left:14px;font-size:9px;letter-spacing:1.2px;color:#fff9;z-index:3}.stage-caption{font-size:10px;color:#8892a8;margin-top:12px}.shot-empty{border:1px dashed #424d65;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#9da6b9;border-radius:12px;text-align:center}.shot-empty svg{width:30px!important;height:30px!important}.shot-empty strong{color:#e7e9f4;font-size:13px}.shot-empty span{font-size:11px}.shots{display:grid;gap:12px}.shot-card{padding:15px;border:1px solid #353e51;border-radius:10px;background:#121a2a}.shot-card span{font-size:9px;letter-spacing:1.5px;color:#f6bfb2;font-weight:750}.shot-card p{font-size:12px;line-height:1.7;color:#e0e4f2;margin:8px 0 0}.audio-player{width:100%;margin-top:14px}.audio-copy{font-size:12px;color:#aab5cb;line-height:1.8}.roadmap{display:grid;gap:14px}.roadmap article{display:flex;align-items:flex-start;gap:25px;background:#121a2a;border:1px solid #2a3448;padding:25px;border-radius:13px}.road-no{color:#ebb9c1;font-weight:800;font-size:19px}.roadmap article div{flex:1}.roadmap h2{font-size:15px;margin:0 0 7px}.roadmap p{font-size:12px;color:#9ca9c0;line-height:1.7;margin:0}.icon-button{background:none;border:1px solid #3b4459;border-radius:8px;padding:7px;color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffc0ba;outline-offset:3px}@media(min-width:1400px){.hero{min-height:390px}.studio-card{min-height:256px}}@media(max-width:1200px){.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{max-width:520px}.hero-art{right:0;opacity:.67}.hero-copy{background:linear-gradient(to right,#302238e8,#3022383b)}}@media(max-width:860px){.app-shell{display:block}.sidebar{position:fixed;top:0;left:0;width:264px;transform:translateX(-110%);transition:transform .2s;box-shadow:20px 0 40px #0005}.sidebar.open{transform:none}.sidebar-scrim:not([hidden]){position:fixed;inset:0;background:#0009;display:block;z-index:19}.menu-button{display:grid!important;place-items:center}.topbar{height:66px}.content{padding:25px 22px 50px}.work-grid{grid-template-columns:1fr}.hero-art{display:none}.hero-copy{background:transparent}.hero{min-height:320px}.date-tag{display:none}}@media(max-width:550px){.top-pill{font-size:8px;padding:8px}.profile-chip{height:30px;width:30px}.top-right{gap:8px}.topbar{padding:0 15px}.content{padding:25px 15px 50px}.hero-copy{padding:30px 23px}.hero h1{font-size:40px;letter-spacing:-1.5px}.hero p{font-size:12px}.hero-acts{flex-direction:column;align-items:stretch}.section-heading{align-items:flex-start;gap:12px}.label-muted{display:none}.studio-grid{grid-template-columns:1fr}.studio-card{min-height:220px}.footer{flex-direction:column;justify-content:center;text-align:center;gap:7px}.fields{grid-template-columns:1fr}.roadmap article{flex-wrap:wrap}.roadmap article .pill{margin-left:40px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}