@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{color-scheme:dark}.studio-app{--studio-bg:#070b17;--studio-panel:#101a30;--studio-panel-2:#121e37;--studio-border:#293a5b;--studio-muted:#9ba9c3;--studio-text:#f7f8ff;--studio-purple:#713cff;--studio-pink:#bb3fe8;min-height:100vh;background:var(--studio-bg);color:var(--studio-text);font-family:DM Sans,sans-serif;overflow:visible}.studio-app *{box-sizing:border-box}.studio-app a{color:inherit;text-decoration:none}.studio-topbar{height:73px;position:-webkit-sticky;position:sticky;top:0;z-index:100;display:grid;grid-template-columns:260px minmax(250px,1fr) auto;align-items:center;grid-gap:22px;gap:22px;padding:0 24px;background:#0b1428;border-bottom:1px solid #263653;box-shadow:0 6px 24px #0002}.studio-brand{height:100%;display:flex;align-items:center;gap:11px;padding-right:20px;border-right:1px solid #273653;white-space:nowrap;font:700 21px Space Grotesk;letter-spacing:-.04em}.studio-brand>span{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#2f8fff,#8a38ed 65%,#d23ee5);box-shadow:0 0 18px #853cff55;color:white}.studio-brand strong{font-weight:700}.studio-header-title{display:flex;align-items:center;gap:13px;min-width:0}.studio-header-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #2c3e60;border-radius:15px;background:#14213c;color:#e4dcff}.studio-header-title h1{margin:0;font:700 22px/1.1 Space Grotesk;letter-spacing:-.04em}.studio-header-title p{margin:4px 0 0;color:#aab5ca;font-size:12px}.studio-top-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}.credit-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #2c3d5c;border-radius:28px;background:#111e35;color:#f1edff;font-size:12px;font-weight:800}.credit-pill svg{color:#ffbd25}.header-buy-credits{display:inline-flex;align-items:center;gap:7px;padding:11px 17px;border-radius:25px;background:linear-gradient(105deg,#743cff,#b83ee7);color:white!important;font-size:12px;font-weight:800;box-shadow:0 5px 18px #853cff42}.header-icon-button{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid #2c3d5c;border-radius:50%;background:#111e35;color:#eef0ff}.header-icon-button i{position:absolute;right:7px;top:6px;width:7px;height:7px;border-radius:50%;background:#fa4b67}.studio-user{width:41px;height:41px;display:grid;place-items:center;border:0;border-radius:50%;background:#263b60;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.studio-layout{display:grid;grid-template-columns:306px minmax(0,1fr);align-items:stretch;min-height:calc(100vh - 73px)}.studio-sidebar{position:-webkit-sticky;position:sticky;top:73px;height:calc(100vh - 73px);min-height:520px;overflow:hidden;padding:16px 14px 14px;background:#0a1428;border-right:1px solid #263653}.studio-side-nav,.studio-sidebar{display:flex;flex-direction:column}.studio-side-nav{gap:4px;flex:0 0 auto;padding-bottom:14px;border-bottom:1px solid #263653}.studio-side-link{height:46px;display:flex;align-items:center;gap:13px;padding:0 14px;border-radius:11px;color:#d5dcef;font-size:13px;font-weight:600;transition:background .16s,color .16s}.studio-side-link svg{flex:none;color:#c4d0e8}.studio-side-link:hover{background:#14213a}.studio-side-link.active{background:linear-gradient(105deg,#4e43ef,#b13cdb);color:white;box-shadow:0 6px 20px #703aff32}.studio-side-link.active svg{color:white}.studio-recent-section{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:15px 0 10px}.studio-recent-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:0 8px 12px}.studio-recent-heading strong{font:700 13px Space Grotesk;color:#f1f3ff}.studio-recent-heading span{color:#8494b2;font-size:9px;white-space:nowrap}.studio-recent-scroll{display:flex;flex:1 1 auto;flex-direction:column;gap:7px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 2px 10px;scrollbar-width:thin;scrollbar-color:#465b80 transparent}.studio-recent-project{display:flex;align-items:center;gap:5px;min-width:0;padding:5px;border:1px solid transparent;border-radius:10px;background:transparent;transition:background .15s,border-color .15s}.studio-recent-project:hover{background:#111f38;border-color:#2a3e60}.studio-recent-project-link{display:flex;align-items:center;gap:9px;flex:1 1;min-width:0}.studio-recent-thumb{position:relative;display:block;flex:none;width:65px;height:54px;border-radius:8px;background-size:cover;background-position:50%}.studio-recent-thumb small{position:absolute;right:3px;bottom:3px;padding:2px 4px;border-radius:4px;background:#050914dd;color:white;font-size:7px}.studio-recent-copy{display:flex;flex:1 1;min-width:0;flex-direction:column;gap:6px}.studio-recent-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0f2fb;font-size:10px;font-weight:700}.studio-recent-copy small{color:#91a0bb;font-size:9px}.studio-pin-button{width:27px;height:30px;display:grid;place-items:center;flex:none;border:0;border-radius:7px;background:transparent;color:#8b9bb8;cursor:pointer}.studio-pin-button.pinned,.studio-pin-button:hover{color:#c14aff;background:#24183e}.studio-empty-recent{display:flex;flex:1 1;min-height:125px;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #2b3d5b;border-radius:12px;color:#8e9cba;text-align:center}.studio-empty-recent strong{font-size:11px;color:#e1e7f7}.studio-empty-recent span{max-width:180px;font-size:9px;line-height:1.5}.studio-view-all{height:39px;display:flex;flex:none;align-items:center;justify-content:center;gap:8px;margin-top:5px;border:1px solid #3b5276;border-radius:10px;color:#e2e9fa;font-size:10px;font-weight:700}.studio-view-all:hover{background:#152542;border-color:#7e55ce}.studio-sidebar-bottom{display:flex;flex:none;flex-direction:column;gap:9px;padding-top:11px;border-top:1px solid #263653}.studio-upgrade-card{padding:13px 13px 12px;border:1px solid #5b398b;border-radius:14px;background:radial-gradient(circle at 90% 0,#6737a855,transparent 62%),linear-gradient(145deg,#21183d,#111a2d)}.studio-upgrade-card>svg{color:#ffb52c;margin-bottom:7px}.studio-upgrade-card strong{display:block;font:700 14px Space Grotesk}.studio-upgrade-card p{margin:5px 0 10px;color:#b6bad0;font-size:10px;line-height:1.45}.studio-upgrade-card>a{gap:7px;padding:9px;border-radius:9px;background:linear-gradient(100deg,#713bfa,#c13de1);color:white;font-size:10px;font-weight:800}.studio-sidebar-buy,.studio-upgrade-card>a{display:flex;align-items:center;justify-content:center}.studio-sidebar-buy{height:43px;gap:9px;border:1px solid #536b91;border-radius:10px;background:#101d34;color:#f2f5ff;font-size:11px;font-weight:700}.studio-sidebar-buy:hover{background:#172947}.studio-main{width:100%;min-width:0;max-width:none;margin:0;padding:16px 22px 28px}.studio-workspace-tabs{display:flex;width:min(570px,100%);height:54px;gap:4px;margin:0 0 16px;padding:4px;border:1px solid #2c3e60;border-radius:14px;background:#121f38}.studio-workspace-tabs a{display:flex;flex:1 1;align-items:center;justify-content:center;gap:9px;border-radius:10px;color:#c3cde1;font-size:12px;font-weight:700}.studio-workspace-tabs a.active{background:linear-gradient(105deg,#5d3ff0,#b13ce0);color:#fff;box-shadow:0 5px 17px #8b3dff3a}.studio-workspace-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(370px,.88fr);grid-gap:16px;gap:16px;align-items:start}.studio-controls-column,.studio-preview-column{display:flex;min-width:0;flex-direction:column;gap:11px}.studio-title-row{display:none}.preview-card,.studio-card,.template-card,.template-hint{min-width:0;margin:0;padding:16px;border:1px solid #293b5d;border-radius:16px;background:linear-gradient(145deg,#121e35,#0f192d);box-shadow:0 10px 30px #0002}.studio-card-title,.studio-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.studio-card-title label{color:#f4f5ff;font-size:12px;font-weight:800}.studio-card-title label b{color:#e59abd}.studio-card-title>span,.studio-section-heading>span{color:#94a3bf;font-size:9px}.prompt-card textarea{width:100%;min-height:84px;resize:vertical;padding:13px;border:1px solid #3b5074;border-radius:11px;outline:none;background:#0d172b;color:#fff;font:12px/1.55 DM Sans}.prompt-card textarea:focus,.studio-app select:focus,.voice-script:focus{border-color:#9b65ff;box-shadow:0 0 0 3px #8e55ff22}.prompt-card textarea::placeholder{color:#8593ae}.prompt-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:7px 0 12px;color:#91a0bb;font-size:9px}.prompt-bottom button,.subtle-button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #704cb1;border-radius:8px;background:#2a1d4a;color:#e8dcff;font-size:9px;font-weight:800;white-space:nowrap}.upload-grid{display:grid;grid-template-columns:minmax(170px,1fr) minmax(110px,.8fr);grid-gap:9px;gap:9px}.upload-tile{min-height:73px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px dashed #53658a;border-radius:11px;background:#101b31;color:#dce5fa;cursor:pointer}.upload-tile svg{color:#b98cff}.upload-tile strong{font-size:10px}.upload-tile small{color:#8d9bb4;font-size:8px;text-align:center}.uploaded-list{display:flex;min-width:0;align-items:center;align-content:center;gap:6px;flex-wrap:wrap}.uploaded-list span{max-width:100%;overflow:hidden;padding:7px 8px;border-radius:7px;background:#25203e;color:#d7c8ff;font-size:9px;text-overflow:ellipsis}.uploaded-list .upload-hint{background:transparent;color:#8998b3}.consent-row{display:flex;align-items:flex-start;gap:8px;margin-top:10px;color:#b4bfd4;font-size:9px;line-height:1.5}.consent-row input{margin-top:2px;accent-color:#a64cff}.studio-section-heading{margin-bottom:12px}.studio-section-heading h2{display:flex;align-items:center;gap:8px;margin:0;color:#f1f3ff;font:700 13px Space Grotesk}.studio-section-heading h2 svg{color:#c04bff}.studio-mode-card .mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0}.mode-option{min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 5px;border:1px solid #344867;border-radius:11px;background:#111e36;color:#d7def0;font-size:9px;font-weight:700;text-align:center}.mode-option svg{color:#d0b5ff}.mode-option.active{border-color:#b55aff;background:linear-gradient(145deg,#3c286c,#241c4a);color:#fff;box-shadow:0 0 17px #8d42ff35}.ratio-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:7px;gap:7px}.ratio-choice{min-width:0;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 3px;border:1px solid #334663;border-radius:9px;background:#0e192e;color:#d5dced}.ratio-choice.active{border-color:#a75aff;background:#2b2050;box-shadow:inset 0 0 0 1px #a75aff33}.ratio-choice strong{font-size:9px}.ratio-choice small{font-size:8px;color:#b4bfd4}.ratio-choice em{font-size:7px;color:#8493ae;font-style:normal}.ratio-icon{display:block;width:22px;height:14px;border:1.5px solid #c0a4ff;border-radius:3px}.ratio-9-16{width:11px;height:19px}.ratio-1-1{width:16px;height:16px}.ratio-4-3{width:20px;height:15px}.ratio-3-4{width:13px;height:18px}.ratio-21-9{width:25px;height:10px}.select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:9px;gap:9px;margin-top:13px}.music-mood,.select-grid label,.voice-row label{display:flex;min-width:0;flex-direction:column;gap:6px;color:#b8c4da;font-size:9px;font-weight:700}.studio-app select{width:100%;min-width:0;padding:9px 10px;border:1px solid #344968;border-radius:8px;outline:none;background:#0d172b;color:#edf1ff;font-size:9px}.studio-dual{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;align-items:stretch}.studio-dual>.studio-card{height:100%;padding:14px}.voice-select-wrap{display:grid;grid-gap:7px;gap:7px;margin:8px 0 2px}.voice-script-label,.voice-select-wrap>label{color:#b8c4da;font-size:9px;font-weight:700}.voice-select-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:7px;gap:7px}.voice-profile-select{width:100%;min-width:0;padding:9px 10px;border:1px solid #405477;border-radius:8px;background:#0d172b;color:#f2edff;font-size:9px}.voice-profile-select option{background:#111a2d;color:#fff}.more-voice-settings,.voice-preview-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border:1px solid #7955b9;border-radius:8px;background:#2a1d49;color:#f1e9ff;font-size:9px;font-weight:800;white-space:nowrap}.voice-preview-hint{display:flex;align-items:center;gap:7px;min-height:15px;color:#91a0bb;font-size:8px}.voice-status-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#77839a}.voice-status-dot.playing{background:#48d9a2;box-shadow:0 0 8px #48d9a2}.more-voice-settings{width:100%;margin-top:2px}.voice-script{width:100%;min-height:55px;margin-top:8px;padding:9px;border:1px solid #344968;border-radius:8px;outline:none;background:#0d172b;color:#fff;font:10px/1.5 DM Sans;resize:vertical}.audio-options{display:flex;flex-wrap:wrap;gap:6px}.audio-option{display:inline-flex;align-items:center;gap:5px;padding:8px 9px;border:1px solid #344663;border-radius:8px;background:#0d172b;color:#c8d2e5;font-size:9px}.audio-option.active{border-color:#a65aff;background:#2b204d;color:#f0e8ff}.music-mood{margin-top:10px}.music-file{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px;padding:8px;border-radius:8px;background:#211a3c;color:#d8caff;font-size:9px}.music-file audio{width:100%;height:27px}.settings-note{display:block;margin-top:8px;color:#8b9ab5;font-size:8px;line-height:1.5}.preview-card{padding:14px}.right-card-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px;min-width:0}.preview-icon{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:11px;background:#302052;color:#d8b5ff}.right-card-heading>div:nth-child(2){min-width:0;flex:1 1}.right-card-heading h2{margin:0;color:#f2f3ff;font:700 13px Space Grotesk}.right-card-heading h2 small{margin-left:5px;padding:3px 5px;border-radius:5px;background:#4d3477;color:#e7caff;font:800 7px DM Sans}.right-card-heading p{margin:4px 0 0;color:#91a0bb;font-size:9px}.right-card-heading>a{display:inline-flex;align-items:center;gap:4px;color:#d17bff;font-size:10px;font-weight:800;white-space:nowrap}.preview-stage{position:relative;height:clamp(280px,27vw,410px);overflow:hidden;border:1px solid #425a7e;border-radius:14px;background-color:#111a2d;background-position:50%;background-size:cover;box-shadow:0 12px 30px #0004}.preview-top-chip{position:absolute;top:12px;left:12px;padding:6px 8px;border:1px solid #ffffff38;border-radius:7px;background:#0509149c;color:#fff;font-size:8px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-play button{width:66px;height:66px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#07101d99;color:white;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.preview-copy{position:absolute;right:18px;bottom:42px;left:18px;display:flex;flex-direction:column;gap:7px}.preview-copy span{color:#e4d4ff;font-size:8px;font-weight:800;letter-spacing:.16em}.preview-copy strong{color:white;font:700 clamp(16px,1.6vw,23px)/1.2 Space Grotesk;text-shadow:0 2px 10px #000}.preview-copy small{color:#d4d8e6;font-size:8px}.preview-controls{position:absolute;right:14px;bottom:12px;left:14px;display:flex;align-items:center;gap:9px;color:#e4e8f2;font-size:8px}.preview-controls>div{display:flex;flex:1 1;gap:3px}.preview-controls i{height:3px;flex:1 1;border-radius:4px;background:#b9c4d5}.preview-controls i:first-child{background:#bd63ff}.preview-meta{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:#93a2bd;font-size:8px}.template-card{padding:15px}.studio-template-section{margin-top:15px}.template-card .right-card-heading{margin-bottom:12px}.studio-template-row{display:flex;gap:11px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 2px 9px;scrollbar-width:thin;scrollbar-color:#50658b transparent}.template-tile{position:relative;display:flex;flex:0 0 145px;height:126px;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:4px;overflow:hidden;padding:11px;border:1px solid #344866;border-radius:12px;background-color:#18243a;background-position:50%;background-size:cover;color:white;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.template-tile:hover{transform:translateY(-2px);border-color:#b45aff}.template-tile.selected{border:2px solid #b64cff;box-shadow:0 0 18px #a444ff55}.template-tile strong{font-size:10px;font-weight:800;text-shadow:0 2px 5px #000}.template-tile small{color:#e4e8f3;font-size:8px}.template-play{position:absolute;top:8px;right:8px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#8b3de8;color:white}.template-hint{display:flex;align-items:flex-start;gap:10px;margin-top:11px;padding:12px}.template-hint>svg{flex:none;color:#c65bff}.template-hint strong{font-size:10px}.template-hint p{margin:4px 0 0;color:#99a7c0;font-size:9px;line-height:1.5}.studio-bottom-actions{margin-top:14px}.studio-sticky-create{position:-webkit-sticky;position:sticky;bottom:10px;z-index:30;padding:10px 0 0;background:linear-gradient(180deg,transparent,#070b17 18%)}.studio-generate{width:100%;min-height:62px;display:flex;align-items:center;justify-content:center;gap:11px;border:0;border-radius:13px;background:linear-gradient(100deg,#6238f5,#a832e7);color:white;font-size:17px;font-weight:800;box-shadow:0 10px 25px #7c37ff40;cursor:pointer}.studio-generate:disabled{opacity:.65;cursor:wait}.studio-bottom-actions>p{display:flex;align-items:center;justify-content:center;gap:6px;margin:7px 0 0;color:#8492ac;font-size:8px}.studio-job-status,.studio-notice{margin-bottom:9px;padding:10px 12px;border:1px solid #594b82;border-radius:9px;background:#1b1730;color:#e0d6ff;font-size:10px;line-height:1.5}.studio-job-status{display:flex;flex-direction:column;gap:5px}.studio-job-status span{color:#b0abc2}.studio-job-status a{display:inline-flex;align-items:center;gap:5px;color:#d1baff}.voice-modal-backdrop{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:18px;background:#050914dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.voice-settings-modal{width:min(500px,100%);max-height:min(82vh,720px);overflow:auto;border:1px solid #7353ae;border-radius:18px;background:linear-gradient(145deg,#17223b,#0e172b);box-shadow:0 25px 90px #000b}.voice-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #30405e}.voice-modal-heading>div{display:flex;align-items:center;gap:11px}.voice-modal-heading>div>span{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#30204d;color:#d0b4ff}.voice-modal-heading h2{margin:0;color:#f4f0ff;font:700 15px Space Grotesk}.voice-modal-heading p{margin:4px 0 0;color:#a2aec5;font-size:10px}.voice-modal-heading>button{width:32px;height:32px;display:grid;place-items:center;border:1px solid #435271;border-radius:9px;background:#111e35;color:#e4e8f4}.voice-modal-content{display:grid;grid-gap:14px;gap:14px;padding:18px 20px}.voice-modal-content>label{display:grid;grid-gap:7px;gap:7px;color:#c8d2e5;font-size:10px;font-weight:700}.voice-modal-content select{width:100%;padding:11px;border:1px solid #405477;border-radius:9px;background:#0b172b;color:#f0ecfb;font-size:11px}.voice-modal-content textarea{min-height:105px;margin:0;resize:vertical;font-size:11px}.voice-modal-note{margin:0;color:#a0abc0;font-size:9px;line-height:1.6}.voice-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px 18px;border-top:1px solid #30405e}.voice-modal-cancel,.voice-modal-save{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:9px;font-size:10px;font-weight:800}.voice-modal-cancel{border:1px solid #405477;background:#111e35;color:#e1e7f5}.voice-modal-save{border:1px solid #9c6de4;background:linear-gradient(100deg,#a83bf0,#6428d8);color:#fff}@media(max-width:1250px){.studio-topbar{grid-template-columns:230px minmax(200px,1fr) auto;gap:14px;padding:0 16px}.studio-layout{grid-template-columns:260px minmax(0,1fr)}.studio-main{padding:15px}.studio-workspace-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}.studio-sidebar{padding-left:11px;padding-right:11px}.studio-recent-thumb{width:55px;height:48px}}@media(max-width:980px){.studio-topbar{grid-template-columns:210px 1fr auto}.studio-header-title p{display:none}.studio-header-title h1{font-size:18px}.studio-layout{grid-template-columns:220px minmax(0,1fr)}.studio-workspace-grid{grid-template-columns:1fr}.studio-preview-column{grid-row:2}.preview-stage{height:clamp(260px,45vw,420px)}.studio-controls-column{grid-row:1}.studio-sidebar{padding:12px 9px}.studio-side-link{height:42px;font-size:11px}}@media(max-width:700px){.studio-topbar{height:auto;min-height:68px;grid-template-columns:1fr auto;gap:8px;padding:9px 12px}.studio-brand{grid-column:1;grid-row:1;border:0;padding:0;font-size:17px}.studio-header-title{grid-column:1;grid-row:2;gap:8px}.studio-header-icon{width:32px;height:32px;border-radius:9px}.studio-header-title h1{font-size:16px}.studio-top-actions{grid-column:2;grid-row:1/3;gap:6px}.credit-pill{padding:8px;font-size:9px}.header-buy-credits{padding:9px;font-size:0}.header-buy-credits svg{width:18px;height:18px}.header-icon-button,.studio-user{width:34px;height:34px}.studio-layout{display:flex;flex-direction:column;min-height:0}.studio-sidebar{position:relative;top:auto;width:100%;height:auto;min-height:0;overflow:visible;padding:8px 10px;border-right:0;border-bottom:1px solid #263653}.studio-side-nav{display:flex;flex-direction:row;gap:5px;overflow-x:auto;padding-bottom:8px}.studio-side-link{height:37px;flex:0 0 auto;gap:6px;padding:0 10px;font-size:10px}.studio-side-link svg{width:14px}.studio-recent-section{max-height:205px;padding:9px 0}.studio-recent-scroll{max-height:112px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.studio-recent-heading{padding-bottom:7px}.studio-recent-thumb{width:43px;height:39px}.studio-recent-copy strong{font-size:8px}.studio-sidebar-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;padding-top:8px}.studio-upgrade-card{padding:9px}.studio-upgrade-card p{font-size:8px}.studio-upgrade-card>svg{width:18px}.studio-upgrade-card strong{font-size:11px}.studio-upgrade-card>a{font-size:8px;padding:7px}.studio-sidebar-buy{height:auto;min-height:42px}.studio-main{padding:12px 10px 22px}.studio-workspace-tabs{height:46px;margin-bottom:11px}.studio-workspace-tabs a{font-size:10px}.studio-workspace-grid{gap:10px}.preview-card,.studio-card,.template-card{padding:12px}.studio-mode-card .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ratio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.select-grid{grid-template-columns:1fr 1fr}.select-grid label:last-child{grid-column:1/-1}.studio-dual,.upload-grid{grid-template-columns:1fr}.preview-stage{height:250px}.template-tile{flex-basis:125px;height:112px}.studio-generate{min-height:54px;font-size:14px}.studio-sticky-create{bottom:0;padding:9px 0 0}.studio-bottom-actions>p{font-size:7px}}@media(prefers-reduced-motion:reduce){.studio-app *{scroll-behavior:auto!important;transition:none!important}}.studio-app.studio-reference-layout{display:block;width:100%;max-width:none;min-width:0;margin:0 auto;overflow:visible}.studio-app.studio-reference-layout .studio-topbar{width:100%;max-width:none}.studio-app.studio-reference-layout .studio-layout{display:grid;width:100%;max-width:none;min-width:0;grid-template-columns:306px minmax(0,1fr);grid-gap:0;gap:0}.studio-app.studio-reference-layout .studio-sidebar{width:100%;min-width:0}.studio-app.studio-reference-layout .studio-main{display:block;width:100%;min-width:0;max-width:none;margin:0;padding:16px 22px 28px}.studio-app.studio-reference-layout .studio-workspace-grid{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);grid-gap:16px;gap:16px;align-items:start}.studio-app.studio-reference-layout .studio-controls-column,.studio-app.studio-reference-layout .studio-preview-column{min-width:0}.studio-app.studio-reference-layout .studio-template-section{width:100%;min-width:0}.studio-app.studio-reference-layout .studio-template-row{display:flex;flex-wrap:nowrap;overflow-x:auto}.studio-app.studio-reference-layout .studio-sticky-create{width:100%;margin-top:14px}@media(max-width:1250px){.studio-app.studio-reference-layout .studio-layout{grid-template-columns:260px minmax(0,1fr)}.studio-app.studio-reference-layout .studio-workspace-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}.studio-app.studio-reference-layout .studio-main{padding:15px}}@media(max-width:980px){.studio-app.studio-reference-layout .studio-layout{grid-template-columns:220px minmax(0,1fr)}.studio-app.studio-reference-layout .studio-workspace-grid{grid-template-columns:minmax(0,1fr)}.studio-app.studio-reference-layout .studio-preview-column{grid-row:2}.studio-app.studio-reference-layout .studio-controls-column{grid-row:1}}@media(max-width:700px){.studio-app.studio-reference-layout .studio-layout{display:flex;flex-direction:column}.studio-app.studio-reference-layout .studio-main{padding:12px 10px 22px}.studio-app.studio-reference-layout .studio-workspace-grid{grid-template-columns:minmax(0,1fr)}}.studio-app.studio-reference-layout{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:100vh!important;padding:0!important;overflow:visible!important;background:#070b17!important;isolation:isolate}.studio-app.studio-reference-layout>.studio-topbar{position:-webkit-sticky!important;position:sticky!important;inset-block-start:0!important;z-index:1000!important;display:grid!important;grid-template-columns:260px minmax(240px,1fr) auto!important;width:100%!important;max-width:none!important;height:73px!important;min-height:73px!important;flex:none!important;margin:0!important;padding:0 24px!important}.studio-app.studio-reference-layout>.studio-layout{display:grid!important;grid-template-columns:306px minmax(0,1fr)!important;align-items:stretch!important;grid-gap:0!important;gap:0!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:calc(100vh - 73px)!important;margin:0!important}.studio-app.studio-reference-layout .studio-sidebar{position:-webkit-sticky!important;position:sticky!important;top:73px!important;align-self:start!important;display:flex!important;flex-direction:column!important;gap:0!important;width:306px!important;max-width:306px!important;min-width:0!important;height:calc(100vh - 73px)!important;min-height:0!important;max-height:calc(100vh - 73px)!important;overflow:hidden!important;padding:16px 14px 14px!important;background:#0a1428!important;border-right:1px solid #263653!important}.studio-app.studio-reference-layout .studio-side-nav{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;gap:5px!important;width:100%!important;padding:0 0 14px!important;margin:0!important;border:0!important;border-bottom:1px solid #263653!important;overflow:visible!important}.studio-app.studio-reference-layout .studio-side-link{display:flex!important;flex:0 0 46px!important;align-items:center!important;width:100%!important;height:46px!important;min-height:46px!important;padding:0 14px!important;font-size:13px!important}.studio-app.studio-reference-layout .studio-recent-section{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;max-height:none!important;width:100%!important;padding:15px 0 10px!important;margin:0!important;overflow:hidden!important}.studio-app.studio-reference-layout .studio-recent-heading{flex:0 0 auto!important;padding:0 8px 12px!important}.studio-app.studio-reference-layout .studio-recent-scroll{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;max-height:none!important;width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:0 2px 10px!important}.studio-app.studio-reference-layout .studio-sidebar-bottom{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;width:100%!important;gap:0!important;padding:12px 0 0!important;margin:0!important;border:0!important;border-top:1px solid #263653!important}.studio-app.studio-reference-layout .studio-sidebar-buy{display:flex!important;width:100%!important;height:48px!important;min-height:48px!important;align-items:center!important;justify-content:center!important}.studio-app.studio-reference-layout .studio-main{display:block!important;position:relative!important;grid-column:2!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:16px 22px 28px!important;overflow:visible!important}.studio-app.studio-reference-layout .studio-workspace-tabs{width:min(570px,100%)!important}.studio-app.studio-reference-layout .studio-workspace-grid{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)!important;align-items:start!important;grid-gap:16px!important;width:100%!important;min-width:0!important}.studio-app.studio-reference-layout .studio-controls-column,.studio-app.studio-reference-layout .studio-preview-column{display:flex!important;flex-direction:column!important;gap:11px!important;min-width:0!important;width:100%!important}.studio-app.studio-reference-layout .studio-template-section,.studio-app.studio-reference-layout .template-card{width:100%!important;max-width:none!important;min-width:0!important;margin-top:12px!important}.studio-app.studio-reference-layout .template-grid{display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;gap:14px!important;width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;padding:2px 2px 10px!important;scrollbar-width:thin!important;scrollbar-color:#50658b transparent!important}.studio-app.studio-reference-layout .template-tile{flex:0 0 145px!important;width:145px!important;height:126px!important;min-width:145px!important}.studio-app.studio-reference-layout .studio-bottom-actions{position:static!important;inset:auto!important;z-index:auto!important;width:100%!important;margin:14px 0 0!important;padding:0!important;background:none!important}.studio-app.studio-reference-layout .studio-sticky-create{position:static!important;bottom:auto!important;padding:0!important;background:none!important}.studio-app.studio-reference-layout .studio-generate{width:100%!important;min-height:62px!important}@media(max-width:1250px){.studio-app.studio-reference-layout>.studio-topbar{grid-template-columns:220px minmax(180px,1fr) auto!important;gap:14px!important;padding:0 16px!important}.studio-app.studio-reference-layout>.studio-layout{grid-template-columns:260px minmax(0,1fr)!important}.studio-app.studio-reference-layout .studio-sidebar{width:260px!important;max-width:260px!important}.studio-app.studio-reference-layout .studio-workspace-grid{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)!important}.studio-app.studio-reference-layout .studio-main{padding:15px!important}}@media(max-width:900px){.studio-app.studio-reference-layout>.studio-layout{grid-template-columns:230px minmax(0,1fr)!important}.studio-app.studio-reference-layout .studio-sidebar{width:230px!important;max-width:230px!important}.studio-app.studio-reference-layout .studio-workspace-grid{grid-template-columns:minmax(0,1fr)!important}.studio-app.studio-reference-layout .studio-preview-column{grid-row:auto!important}}@media(max-width:700px){.studio-app.studio-reference-layout>.studio-topbar{height:auto!important;min-height:68px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:9px 12px!important}.studio-app.studio-reference-layout .studio-brand{grid-column:1!important;grid-row:1!important;border:0!important;padding:0!important}.studio-app.studio-reference-layout .studio-header-title{grid-column:1!important;grid-row:2!important;gap:8px!important}.studio-app.studio-reference-layout .studio-top-actions{grid-column:2!important;grid-row:1/3!important;gap:6px!important}.studio-app.studio-reference-layout>.studio-layout{display:flex!important;flex-direction:column!important;min-height:0!important}.studio-app.studio-reference-layout .studio-sidebar{position:relative!important;top:auto!important;align-self:stretch!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;padding:8px 10px!important;border-right:0!important;border-bottom:1px solid #263653!important}.studio-app.studio-reference-layout .studio-side-nav{flex-direction:row!important;overflow-x:auto!important;padding-bottom:8px!important}.studio-app.studio-reference-layout .studio-side-link{flex:0 0 auto!important;width:auto!important;height:38px!important;min-height:38px!important;padding:0 12px!important}.studio-app.studio-reference-layout .studio-recent-section{max-height:190px!important;min-height:0!important;padding:9px 0!important}.studio-app.studio-reference-layout .studio-recent-scroll{max-height:120px!important;display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important}.studio-app.studio-reference-layout .studio-recent-project{flex:0 0 220px!important}.studio-app.studio-reference-layout .studio-sidebar-bottom{padding-top:8px!important}.studio-app.studio-reference-layout .studio-sidebar-buy{height:42px!important;min-height:42px!important}.studio-app.studio-reference-layout .studio-main{grid-column:auto!important;padding:12px 10px 22px!important}.studio-app.studio-reference-layout .studio-workspace-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}.studio-app.studio-reference-layout .studio-preview-column{grid-row:auto!important}.studio-app.studio-reference-layout .studio-dual{grid-template-columns:minmax(0,1fr)!important}.studio-app.studio-reference-layout .template-tile{flex-basis:125px!important;width:125px!important;min-width:125px!important;height:112px!important}.studio-app.studio-reference-layout .studio-generate{min-height:54px!important}}body:has(.studio-app),html:has(.studio-app){margin:0!important;width:100%!important;min-width:320px!important}.studio-app.studio-reference-layout{width:100vw!important;max-width:100vw!important;margin:0!important;left:0!important;right:0!important}.studio-app.studio-reference-layout .studio-workspace-tabs{width:100%!important;max-width:none!important;margin:0 0 16px!important}.studio-app.studio-reference-layout .studio-workspace-grid{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;align-items:stretch!important;gap:16px!important}.studio-app.studio-reference-layout .studio-preview-column{align-self:stretch!important;min-height:0!important}.studio-app.studio-reference-layout .studio-preview-column .preview-card{flex:0 0 auto!important}.studio-app.studio-reference-layout .studio-preview-column .template-card{min-height:190px!important;margin:0!important}.studio-app.studio-reference-layout .studio-preview-column .template-grid{display:flex!important;flex-flow:row nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 9px!important}.studio-app.studio-reference-layout .studio-preview-column .template-tile{flex:0 0 126px!important;width:126px!important;min-width:126px!important;height:118px!important}.studio-app.studio-reference-layout .studio-preview-column .right-card-heading{flex:0 0 auto!important}@media(max-width:900px){.studio-app.studio-reference-layout .studio-workspace-tabs{width:100%!important}.studio-app.studio-reference-layout .studio-workspace-grid{grid-template-columns:minmax(0,1fr)!important;align-items:start!important}.studio-app.studio-reference-layout .studio-preview-column .template-card{min-height:0!important}.studio-app.studio-reference-layout .studio-preview-column .template-grid{flex-flow:row nowrap!important}}.studio-app.studio-reference-layout .studio-preview-column .template-card{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:310px!important;width:100%!important;max-width:none!important;margin:12px 0 0!important;overflow:hidden!important}.studio-app.studio-reference-layout .studio-preview-column .template-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(92px,1fr))!important;align-content:stretch!important;align-items:stretch!important;grid-gap:10px!important;gap:10px!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;min-height:0!important;overflow:visible!important;padding:2px!important}.studio-app.studio-reference-layout .studio-preview-column .template-tile{display:flex!important;flex:initial!important;width:100%!important;min-width:0!important;height:100%!important;min-height:92px!important;aspect-ratio:1.08/1!important;padding:9px!important;border-radius:10px!important}.studio-app.studio-reference-layout .studio-preview-column .template-tile strong{font-size:clamp(9px,.75vw,11px)!important;line-height:1.2!important}.studio-app.studio-reference-layout .studio-preview-column .template-tile small{font-size:8px!important}.studio-app.studio-reference-layout .studio-preview-column .template-play{width:21px!important;height:21px!important;top:7px!important;right:7px!important}@media(max-width:900px){.studio-app.studio-reference-layout .studio-preview-column .template-card{min-height:0!important}.studio-app.studio-reference-layout .studio-preview-column .template-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(90px,auto))!important;overflow:visible!important}.studio-app.studio-reference-layout .studio-preview-column .template-tile{min-height:90px!important;aspect-ratio:1.05/1!important}}@media(max-width:560px){.studio-app.studio-reference-layout .studio-preview-column .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important}}.music-sample-player{display:flex;flex-direction:column;gap:7px;margin-top:10px;padding:9px 10px;border:1px solid #3a3158;border-radius:10px;background:rgba(20,16,38,.78);color:#cfc4e8;font-size:10px}.music-sample-player audio{display:block;width:100%;height:30px;min-width:0;accent-color:#a65aff}.voice-preview-button{padding:7px 9px;font-size:8px;min-height:30px}.music-mood-row{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;margin-top:9px}.music-mood{margin:0!important}.studio-app .music-mood-select{width:100%;min-width:0;padding:7px 9px;border:1px solid #344968;border-radius:8px;background:#0d172b;color:#edf1ff;font-size:9px}.music-sample-player{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;grid-gap:8px;gap:8px;margin-top:8px;padding:7px 9px}.music-sample-player span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.music-preview-toggle{width:28px;height:28px;display:grid;place-items:center;border:1px solid #7955b9;border-radius:50%;background:#2a1d49;color:#f1e9ff;cursor:pointer}.music-sample-player audio{display:none}@media(max-width:560px){.music-mood-row{grid-template-columns:70px minmax(0,1fr)}}.sodivo-notice-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(2,4,12,.68);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.sodivo-notice-modal{position:relative;width:min(440px,100%);padding:30px;border:1px solid rgba(167,139,250,.25);border-radius:22px;background:linear-gradient(155deg,#171528,#0d0d18 72%);box-shadow:0 24px 90px rgba(0,0,0,.55);color:#f8f7ff;text-align:center}.sodivo-notice-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.05);color:#c9c5d8;cursor:pointer}.sodivo-notice-mark{width:48px;height:48px;margin:0 auto 15px;display:grid;place-items:center;border-radius:15px;background:rgba(139,92,246,.16);color:#c4b5fd}.sodivo-notice-modal h2{margin:0 0 9px;font-size:19px;font-weight:650;letter-spacing:-.02em}.sodivo-notice-modal p{margin:0;color:#c4c0d2;font-size:14px;line-height:1.65}.sodivo-notice-action{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;color:#c4b5fd;font-size:13px;font-weight:650;text-decoration:none}.sodivo-notice-dismiss{width:100%;margin-top:22px;padding:12px 16px;border:0;border-radius:12px;background:linear-gradient(100deg,#7c3aed,#6d5dfc);color:#fff;font-weight:650;cursor:pointer}