@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#172238;--muted:#6f7c8e;--line:#e4e8f0;--violet:#7958e9;--mint:#4abf9e;--bg:#f7f8fb}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 'DM Sans',sans-serif}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}[hidden]{display:none!important}
.topbar{background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:20px max(24px,calc((100% - 1200px)/2));min-height:84px}.brand{text-decoration:none;font:800 25px Manrope,sans-serif;letter-spacing:-1px;display:flex;align-items:center;gap:4px;white-space:nowrap}.logo{display:grid;place-items:center;width:37px;height:37px;background:#10172b;color:#a4e4d0;border-radius:11px;margin-right:9px}.dot{color:var(--violet)}.brand small{letter-spacing:1px;font-size:9px;color:#8e96a6}.topbar nav{display:flex;gap:22px;margin-left:auto}.topbar nav a{text-decoration:none;color:#637083;font-size:13px;font-weight:700}.topbar nav a.active,.topbar nav a:hover{color:var(--violet)}.header-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:700}
.wrap{max-width:1200px;margin:auto;padding:0 24px 65px}.welcome{padding:54px 0 24px}.eyebrow{color:var(--violet);font-size:10px;letter-spacing:2px;font-weight:800}.welcome h1{font:800 clamp(32px,4vw,54px)/1.15 Manrope,sans-serif;letter-spacing:-2px;margin:10px 0}.welcome p{color:var(--muted);max-width:720px;margin:0}.panel{border:1px solid var(--line);background:#fff;box-shadow:0 7px 28px #1a255508;border-radius:18px;padding:25px}.notice{color:var(--muted)}.overview{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px;margin:22px 0 45px}.panel h2{margin:8px 0 5px;font:800 32px Manrope,sans-serif;letter-spacing:-1.2px}.panel h2 small{font-size:14px;color:var(--muted)}.panel p{font-size:13px;color:var(--muted);margin:10px 0 0}.email{font:700 18px Manrope,sans-serif!important;color:var(--ink)!important;overflow-wrap:anywhere}.sub{font-size:12px;color:var(--muted)}.credits{background:#111a2f;color:white}.credits .eyebrow{color:#bba9fd}.credits p,.credits h2 small{color:#b0bbca}.library{margin-top:30px}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.heading h2{font:800 30px Manrope,sans-serif;letter-spacing:-1.5px;margin:8px 0}.heading p{color:var(--muted);font-size:13px;margin:0}.actions,.buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-block;background:#7558dc;border:1px solid #7558dc;color:#fff;border-radius:10px;padding:11px 14px;font-weight:800;font-size:12px;text-align:center;text-decoration:none;white-space:normal}.btn.secondary{color:#6258a5;background:#fff;border-color:#dce0e7}.btn:hover{filter:brightness(.96)}.job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.job-card{background:#fff;border-radius:18px;border:1px solid var(--line);overflow:hidden;box-shadow:0 7px 25px #1a255508}.preview,.placeholder{display:block;width:100%;aspect-ratio:16/9;background:#121b2b;object-fit:contain}.placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#9aacc8;gap:10px}.placeholder span{font-size:42px}.placeholder small{font-size:11px}.card-body{padding:20px}.meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px;color:var(--muted)}.status{color:#7558dc;font-weight:800}.status.completed{color:#208c68}.status.failed{color:#b54949}.job-card h3{font-size:14px;line-height:1.55;font-weight:800;overflow-wrap:anywhere;min-height:50px;margin:14px 0}.job-card p{color:var(--muted);font-size:12px}.buttons{margin-top:15px}.buttons .btn{flex:1}.empty{grid-column:1/-1;border:1px dashed #ccd3e0;text-align:center;border-radius:18px;padding:42px 20px}.empty h3{margin:0}.empty p{color:var(--muted)}#jobs-message{min-height:22px;margin-bottom:8px;font-size:12px;color:var(--muted)}.help{margin-top:36px}.help h3{margin:0}.help a,.signin a{color:#6650c7}.signin{max-width:480px}.signin h2{font-size:26px;margin-bottom:8px}.signin label{display:block;margin:18px 0 6px;font-weight:700;font-size:12px}.signin input{display:block;padding:12px;border:1px solid #cbd1db;border-radius:10px;width:100%;background:#fff}.signin input:focus{outline:2px solid #baaff4}.signin .btn{width:100%;margin-top:20px}.error{color:#b13e3e!important}footer{border-top:1px solid var(--line);padding:25px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}footer a{text-decoration:none}
@media(max-width:860px){.overview{grid-template-columns:repeat(2,minmax(0,1fr))}.overview .profile{grid-column:1/-1}.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{gap:15px}.brand small{display:none}}@media(max-width:600px){.topbar{padding:15px}.topbar nav{gap:9px}.topbar nav a{font-size:11px}.brand{font-size:19px}.logo{width:30px;height:30px;margin-right:3px}.header-btn{font-size:11px;padding:6px}.wrap{padding:0 15px 40px}.welcome{padding:32px 0 20px}.overview,.job-grid{grid-template-columns:1fr}.overview .profile{grid-column:auto}.heading{align-items:flex-start;flex-direction:column}.panel{padding:20px}.buttons .btn{width:100%}footer{flex-direction:column;gap:8px}}
/* Premium dark creative studio — TryDataverse original interface */
:root{color-scheme:dark;--bg:#0b0c11;--surface:#14161e;--surface2:#191b25;--ink:#f5f4f9;--muted:#9b9daa;--line:#282a35;--violet:#bba7ff;--accent:#ae89ff;--pink:#ff83c4}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);color:var(--ink);font-family:Inter,'DM Sans',system-ui,sans-serif;letter-spacing:-.015em}button,select,textarea,input{font:inherit}button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #c7afff;outline-offset:3px}::selection{background:#7158b5;color:white}
.app-shell{display:flex;min-height:100vh}.studio-sidebar{width:244px;position:sticky;top:0;align-self:flex-start;height:100dvh;flex-shrink:0;padding:26px 16px;background:#101117;border-right:1px solid #242630;display:flex;flex-direction:column;gap:0}.studio-logo{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;font:800 17px Manrope,system-ui;letter-spacing:-.7px;margin:2px 8px 53px}.studio-logo small{display:block;color:#a4a4af;letter-spacing:2px;font:800 9px 'DM Sans',sans-serif;margin-top:1px}.studio-glyph{background:linear-gradient(145deg,#d7b3ff,#a38bff 55%,#ff8eb0);color:#201629;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font-size:27px;box-shadow:0 0 20px #ba8bff38}.side-label{font-size:10px;color:#777888;letter-spacing:1.7px;margin:0 12px 10px;font-weight:800}.studio-sidebar nav{display:grid;gap:5px;margin-bottom:30px}.studio-sidebar nav a{display:flex;align-items:center;text-decoration:none;padding:12px 14px;color:#a4a5b4;font-size:13px;font-weight:700;border-radius:10px;min-height:45px}.studio-sidebar nav a:hover{background:#20212d;color:white}.studio-sidebar nav a.selected{background:linear-gradient(100deg,#3c304f,#29243d);color:#e3d4ff}.side-feature{margin-top:auto;padding:20px 16px;border-radius:18px;border:1px solid #373044;background:radial-gradient(circle at 95% 3%,#63447840,transparent 65%),#201c28}.side-symbol{font-size:32px;color:#c4a0ff}.side-feature strong{display:block;font-size:14px;margin:9px 0 5px}.side-feature p{font-size:12px;color:#a6a1b5;margin:0 0 15px}.side-feature a{display:block;text-decoration:none;text-align:center;background:#d2b5ff;color:#221932;font-size:12px;font-weight:800;border-radius:10px;padding:10px 7px}.studio-main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{position:sticky;z-index:10;top:0;min-height:74px;padding:12px clamp(20px,3vw,48px);background:#111218ec;backdrop-filter:blur(18px);border-bottom:1px solid #252631;display:flex;align-items:center}.topbar .brand{display:none}.topbar nav{display:flex;margin-left:0}.topbar nav a{color:#a5a4b2;font-size:13px}.topbar nav a.active{color:#f0e8ff}.topbar .header-btn{margin-left:auto;background:#24202e;color:#e9ddff;border:1px solid #453853;min-height:39px;padding:8px 14px}.wrap{max-width:1480px;width:100%;padding:0 clamp(20px,3vw,48px) 60px;margin:0 auto}.welcome{position:relative;isolation:isolate;overflow:hidden;border:1px solid #373040;border-radius:24px;background:radial-gradient(ellipse at 79% 60%,#754b7344 0%,transparent 42%),radial-gradient(ellipse at 103% -20%,#7667c544,transparent 46%),linear-gradient(110deg,#211e2d,#101018 75%);margin:35px 0 23px;padding:52px 48px;min-height:278px}.welcome:after{content:'';position:absolute;right:-60px;top:-75px;width:350px;height:350px;border:50px solid #9576df1f;border-radius:50%;z-index:-1;box-shadow:0 0 75px #c89fff21,inset 0 0 40px #e4a8fd22}.welcome-orbit{position:absolute;right:125px;top:77px;font-size:84px;color:#dfb8ff87;filter:drop-shadow(0 0 25px #b087d0)}.welcome .eyebrow{color:#d9b6ff}.welcome h1{font:800 clamp(29px,3.4vw,48px)/1.13 Manrope,system-ui;letter-spacing:-2px;max-width:690px;margin:15px 0 14px}.welcome h1 em{font-style:normal;background:linear-gradient(90deg,#f6a5dd,#d6b5ff);color:transparent;background-clip:text}.welcome p{color:#b8b5c5;max-width:520px;font-size:14px}.eyebrow{color:#bda7ed;font-weight:800;font-size:10px;letter-spacing:2px}.panel{background:#191a23;border:1px solid #2d2c39;box-shadow:none;color:var(--ink);border-radius:17px}.panel p,.sub{color:#a6a6b5}.overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 45px}.overview .panel{min-height:131px;padding:22px 23px;background:linear-gradient(145deg,#1c1c29,#171820)}.overview .credits{background:linear-gradient(125deg,#2e2545,#1a1925)}.overview .panel .eyebrow{color:#a9a5b8}.overview .panel h2{color:#f7efff;font-size:33px}.overview .panel h2 small{color:#bcb7ca}.overview .email{color:#f0e9ff!important;font-size:clamp(13px,1.25vw,16px)!important}.library{margin:28px 0 32px}.heading{margin-bottom:19px}.heading h2,.studio-composer h2{color:#f7f4fe;font-size:clamp(24px,2.5vw,32px);letter-spacing:-1px}.heading p{color:#9496a5}.btn{border-radius:10px;background:#d5b5ff;color:#24162d;border-color:#d5b5ff;min-height:42px}.btn.secondary{background:#24242e;color:#e6e1ed;border-color:#454351}.job-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.job-card{background:#1a1b24;border:1px solid #2f303d;color:white;box-shadow:none;border-radius:18px;transition:transform .16s ease,border-color .16s}.job-card:hover{transform:translateY(-2px);border-color:#72648d}.preview,.placeholder{background:radial-gradient(circle at 80% 20%,#61466c,#2e2938 55%,#161923);min-height:155px}.placeholder{color:#c5a9ea}.card-body{padding:18px}.job-card h3{color:#e9e9f2}.job-card p,.meta,#jobs-message{color:#a0a1ae}.status{color:#d1aeff}.status.completed{color:#7ad8af}.status.failed{color:#f4a2a2}.empty{border-color:#4a3d58;background:#171720;color:#f3eefa}.empty p{color:#a2a0af}.help{background:#1b1924;border-color:#3d3349}.help a,.signin a{color:#d5b3ff}.signin{background:#1a1b24}.signin input{background:#0f1018;color:white;border-color:#454354}.signin input::placeholder{color:#737687}.signin .btn{background:#d3b8ff;color:#211631}.signin p{color:#a6a6b4}footer{color:#858797;border-top-color:#272834;margin-top:auto}.mobile-tabs{display:none}

.studio-composer{scroll-margin-top:85px;margin:0 0 52px}.studio-composer>h2{margin:7px 0;font-weight:800}.studio-composer>p{color:#a8a6b4;font-size:13px;margin:0 0 18px}.section-kicker{color:#c3a5f7;letter-spacing:2px;font-size:10px;font-weight:800}.compose-card{padding:24px;border:1px solid #44364c;border-radius:20px;background:linear-gradient(155deg,#1c1925,#14151e);box-shadow:0 14px 45px #0002}.compose-title{display:flex;justify-content:space-between;align-items:center;color:#f4ecff;font-weight:700;font-size:14px}.compose-title small{font-size:11px;color:#8b8798}.compose-card textarea{margin-top:12px;display:block;width:100%;min-height:125px;border:0;outline:0;resize:vertical;background:transparent;color:#f5eaff;font-size:15px;line-height:1.7;padding:10px 0}.compose-card textarea::placeholder{color:#8e8b9d}.compose-card textarea:focus-visible{outline:2px solid #ad8cff;outline-offset:3px;border-radius:6px}.idea-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:13px 0 21px}.idea-chips span{font-size:11px;color:#9290a0}.idea-chips button{border:1px solid #454055;background:#272333;color:#ddd1ee;padding:7px 12px;border-radius:22px;font-size:11px}.idea-chips button:hover{border-color:#bc94ed}.compose-settings{border-top:1px solid #3c3747;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:21px}.compose-settings label{display:block;color:#a5a0b2;font-size:10px;letter-spacing:1px;font-weight:800}.compose-settings select{display:block;width:100%;margin-top:9px;min-height:43px;border:1px solid #464254;border-radius:10px;background:#262331;color:#f7efff;padding:9px;font-size:12px;letter-spacing:0}.compose-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #3c3747;margin-top:22px;padding-top:20px}.compose-price{display:flex;flex-direction:column}.compose-price span{font-size:12px;color:#bab4c4}.compose-price strong{font:800 27px Manrope,system-ui;color:#f8f0ff}.compose-price small{color:#898499;font-size:10px}.compose-action{display:flex;flex-direction:column;align-items:flex-end}.compose-action button{border:0;background:linear-gradient(125deg,#ebc8ff,#b5a1ff);color:#231b2d;border-radius:11px;padding:14px 21px;min-height:47px;font-size:13px;font-weight:800;box-shadow:0 7px 24px #b99cff33}.compose-action button:disabled{opacity:.65}.compose-action p{font-size:11px;color:#d6c3ec;max-width:285px;margin:8px 0 0}.library-tools{display:flex;justify-content:space-between;align-items:center;gap:13px;margin:7px 0 17px}.library-filters{display:flex;gap:7px}.library-filters button{border:1px solid #393744;border-radius:9px;color:#9d9baa;background:transparent;font-size:12px;padding:9px 14px;min-height:42px}.library-filters button.chosen{color:#f6edff;background:#2d253d;border-color:#8062ab}.library-tools input{width:min(250px,40%);border:1px solid #393744;background:#191b23;color:#e9e4f0;border-radius:10px;min-height:42px;padding:10px;font-size:12px}.library-tools input::placeholder{color:#858392}.side-feature strong{line-height:1.4}.welcome .eyebrow{position:relative;z-index:1}.studio-sidebar nav a,.topbar a,.side-feature a{transition:background .15s,color .15s}.overview .panel:focus-within{border-color:#ad92db}#jobs-message{min-height:19px}.placeholder small{padding:0 10px;text-align:center}.mobile-tabs a{text-decoration:none}
@media(max-width:1100px){.studio-sidebar{width:198px}.studio-logo{margin-left:2px;font-size:15px}.studio-logo .studio-glyph{width:33px;height:33px}.wrap{padding-left:24px;padding-right:24px}.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview{gap:9px}.overview .panel{padding:19px 16px}.welcome{padding:45px 32px}}
@media(max-width:750px){html{scroll-padding-top:78px}.studio-sidebar{display:none}.topbar{min-height:64px;gap:10px;padding:12px 16px}.topbar nav{gap:12px}.topbar nav a{font-size:11px}.topbar .header-btn{min-height:37px;padding:7px 10px;font-size:11px}.wrap{padding:0 17px 108px}.welcome{margin:18px 0 14px;min-height:228px;padding:30px 22px;border-radius:20px}.welcome:after{right:-220px;top:-65px}.welcome-orbit{right:15px;top:34px;font-size:53px;opacity:.4}.welcome h1{max-width:480px;font-size:clamp(27px,6.5vw,42px);letter-spacing:-1.3px}.welcome p{max-width:390px;font-size:12px;line-height:1.6}.overview{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 30px}.overview .panel{padding:14px 11px;min-height:108px}.overview .panel h2{font-size:26px;margin:8px 0}.overview .panel .eyebrow{font-size:9px;letter-spacing:1px}.overview .email{font-size:11px!important}.overview .panel p,.overview .sub{font-size:10px}.mobile-tabs{position:fixed;z-index:40;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-around;background:#15141df2;backdrop-filter:blur(15px);border-top:1px solid #37313f;padding:8px max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom));box-shadow:0 -9px 25px #0005}.mobile-tabs a{min-height:50px;display:flex;flex:1;justify-content:center;align-items:center;flex-direction:column;gap:1px;color:#aca9b7;font-size:10px;font-weight:800;border-radius:10px}.mobile-tabs a:first-line{font-size:19px}.mobile-tabs a.mobile-primary{background:linear-gradient(130deg,#d1b3ff,#ad9fff);color:#241d31}.job-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-body{padding:12px}.job-card h3{font-size:12px;line-height:1.45;min-height:45px}.job-card .buttons{flex-direction:column;align-items:stretch}.job-card .btn{font-size:11px;padding:10px 5px}.placeholder,.preview{min-height:110px}.compose-card{padding:19px}.help{margin-top:22px}footer{padding-bottom:95px}.signin{margin:0 auto;max-width:500px}.signin input{min-height:48px}.signin .btn{min-height:48px}}
@media(max-width:460px){.topbar{padding:10px 12px;min-height:58px}.topbar nav a:not(.active){display:none}.topbar nav a.active{font-size:12px}.topbar .header-btn{padding:7px 9px}.wrap{padding:0 12px 105px}.welcome{padding:25px 19px;min-height:210px}.welcome h1{font-size:27px}.welcome p{padding-right:20px}.welcome-orbit{display:none}.overview{grid-template-columns:1fr 1fr;gap:9px}.overview .profile{grid-column:1/-1}.overview .panel{min-height:102px;padding:17px}.overview .panel .email{font-size:14px!important}.overview .panel h2{font-size:27px}.studio-composer h2,.heading h2{font-size:24px}.compose-settings{grid-template-columns:1fr 1fr;gap:11px}.compose-settings label:last-child{grid-column:1/-1}.compose-settings select{font-size:13px}.compose-footer{flex-direction:column;align-items:stretch;gap:15px}.compose-action{align-items:stretch}.compose-action button{width:100%;min-height:50px}.compose-price strong{font-size:27px}.heading{gap:11px}.library-tools{align-items:stretch;flex-direction:column}.library-filters button{flex:1;padding:9px}.library-filters{width:100%}.library-tools input{width:100%;min-height:45px}.job-grid{grid-template-columns:1fr;gap:13px}.placeholder,.preview{min-height:170px}.card-body{padding:16px}.job-card h3{font-size:14px;min-height:0}.job-card .buttons{flex-direction:row}.job-card .btn{padding:12px 8px}.mobile-tabs a{font-size:10px}footer{margin-bottom:0}#jobs-message{font-size:11px}}
@media(max-width:350px){.topbar .header-btn{font-size:10px}.compose-settings{grid-template-columns:1fr}.compose-settings label:last-child{grid-column:auto}.welcome h1{font-size:25px}.topbar nav a.active{font-size:11px}.mobile-tabs{padding-left:4px;padding-right:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Account-owned draft controls and compact edit state */
.card-body .buttons .btn.danger{background:#291d2a;border:1px solid #624054;color:#ffb9c7}
.card-body .buttons button{font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.card-body .buttons .btn:hover{filter:brightness(1.13)}
.compose-action #studio-cancel.cancel-edit{background:transparent;color:#d5c4e8;border:1px solid #54425d;box-shadow:none;padding:11px 15px}
.compose-action #studio-cancel.cancel-edit:not([hidden]){margin-bottom:9px}
.filter-empty{color:#aaa3b7;background:#211c2a;border:1px solid #493b5a;padding:18px;text-align:center;border-radius:13px}
@media(max-width:460px){.card-body .buttons button.btn{min-height:43px;flex:1}.compose-action #studio-cancel.cancel-edit{width:100%}}
/* Hide private navigation before authentication; logout must not fake success. */
body:not(.is-authenticated) .mobile-tabs,
body:not(.is-authenticated) .studio-sidebar{display:none!important}
body:not(.is-authenticated) .topbar a[href="/dashboard/#compose"]{display:none}
#logout:disabled{opacity:.6;cursor:wait}