/* The same creative character as the public site, with a quiet studio backdrop. */
:root{--bg-0:#101114;--bg-1:#191a20;--bg-2:#22232a;--bg-3:#1b1c22;--ink-0:#f6f4ed;--ink-1:#b5b5c0;--ink-2:#999aa8;--bg-primary:#101114;--bg-secondary:#191a20;--text-primary:#f6f4ed;--text-secondary:#b5b5c0;--accent:#d4ff3f;--accent-deep:#d4ff3f;--studio-lilac:#c9b6ff;--studio-peach:#ffb49a}
body{background:#101114;font-size:16px;line-height:1.5}
.sidebar{background:#141519;padding-top:28px;border-right-color:#ffffff12}
.sidebar .nav-group{font-size:11px;letter-spacing:.13em;margin-top:28px;color:#94949f}
.sidebar .nav-item{font-size:15px;min-height:46px;padding:11px 15px;border-radius:12px;color:#b6b6c0}
.sidebar .nav-item.active{background:#d4ff3f;color:#202414;font-weight:700;box-shadow:0 3px 0 #97b329}
.sidebar .nav-item.active:before{display:none}.sidebar .nav-item.active svg{color:inherit}
.sidebar .nav-item:hover:not(.active){background:#ffffff09;color:#fff}
.sidebar .sidebar-foot{background:#202127;border-color:#ffffff16}.sf-cr2 small{font-size:11px!important}.sf-cr2 strong{font-size:17px}
.app-main{background:#101114}.topbar{background:#101114ed;height:72px;gap:18px;padding-inline:30px}
.topbar .tb-stat,.topbar .user-btn{background:#1d1e24;border-color:#ffffff19;border-radius:12px;min-height:45px}
.topbar .tb-lbl{font-size:10px;color:#a1a0ad}.topbar .tb-val{font-size:15px}.topbar .tb-ic{background:#c9b6ff14;color:#c9b6ff}
.topbar .ub-av{background:#c9b6ff;color:#282033}.topbar .ub-name{font-size:14px}
.user-dropdown{background:#22232b;border-color:#ffffff20}.user-dropdown a,.user-dropdown button{font-size:14px;padding:13px 16px}
.eyebrow{font-size:12px;color:#b6accc;letter-spacing:.14em}.muted{font-size:14px;color:#a4a3ae}
.button{font-size:14px;min-height:47px;letter-spacing:0}.button:hover{border-color:#c9b6ff;background:#ffffff0a;box-shadow:none}
.button-lime,.button-dark{background:#d4ff3f;border-color:#d4ff3f;color:#222710;box-shadow:0 3px 0 #859e23}
.button-lime:hover,.button-dark:hover{background:#e0ff75;border-color:#e0ff75;color:#222710;transform:translateY(-2px);box-shadow:0 5px 0 #859e23}
.section-line{align-items:center;margin-bottom:18px}.section-line h2{font-size:25px;letter-spacing:-.04em}.section-line p{font-size:14px;color:#aaa9b4;margin:4px 0 0}.section-line a{font-size:13px;color:#c9b6ff}
.studio-page{padding-inline:34px}.studio-heading h1{font-size:clamp(40px,4vw,62px)}.studio-heading p{font-size:16px;line-height:1.65;color:#aaa9b5}
.studio-hero{min-height:330px;padding:36px 0 30px}
.studio-hero:before{inset:0 -10px 0 8%;background:linear-gradient(90deg,#101114 0%,#10111477 15%,#10111400 46%),linear-gradient(0deg,#101114,transparent 12%),url('studio-playground.png') center/contain no-repeat;mask-image:linear-gradient(90deg,transparent,#000 10%);opacity:1}
.studio-hero h1{font-size:clamp(54px,5.1vw,82px);margin:8px 0 17px;max-width:75%}.studio-hero h1>span{color:#d4ff3f}
.studio-hero>p{font-size:15px;line-height:1.65;max-width:350px;color:#bebcc7;text-wrap:pretty}
.hero-actions{margin-top:25px;gap:12px}.hero-actions .button{padding-inline:20px;font-size:14px}.hero-signature{display:none}
.home-columns{grid-template-columns:minmax(0,1fr) 310px;gap:26px}.home-rail{padding-top:30px}
.featured-request{background:#1b1c22;border-color:#ffffff19;border-radius:20px;padding:18px;min-height:220px}
.featured-copy h2{font-size:27px}.featured-copy>p{font-size:13px;color:#a7a5b3;line-height:1.65}.featured-meta small{font-size:12px}
.featured-welcome{background:#c9b6ff;color:#332443;border-radius:14px;transform:rotate(4deg);margin:9px;font-size:110px}
.featured-visual{background:#24242d;border-radius:13px}.featured-visual .output-placeholder{background:#24242d}
.workspace-metrics{background:#1b1c22;border-radius:17px;border-color:#ffffff17;margin:20px 0 30px;padding-block:20px}
.workspace-metrics>a{gap:10px;padding-inline:13px}.workspace-metrics i{background:#c9b6ff17;border:0;color:#c9b6ff;width:35px;height:42px}
.workspace-metrics>a:nth-child(2) i{background:#ffb49a17;color:#ffb49a}.workspace-metrics>a:nth-child(3) i{background:#d4ff3f17;color:#d4ff3f}
.workspace-metrics strong{font-size:22px}.workspace-metrics span{font-size:12px;color:#a6a5b0;line-height:1.3}
.tool-grid{gap:13px;margin-bottom:32px}.tool-card{align-items:flex-start;flex-direction:column;gap:14px;padding:20px 17px;border-radius:18px;min-height:177px;background:color-mix(in srgb,var(--tool-tone) 9%,#191a20);border-color:color-mix(in srgb,var(--tool-tone) 27%,transparent)}
.tone-lime{--tool-tone:#d4ff3f}.tone-peach{--tool-tone:#ffb49a}.tone-blue{--tool-tone:#a9d7ff}.tone-lilac{--tool-tone:#c9b6ff}
.tool-card h2{font-family:var(--font-display);font-size:20px}.tool-card p{font-size:13px;line-height:1.5;max-width:160px;color:#b2b1bc}.tool-symbol{font-size:31px;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--tool-tone) 10%,transparent)}
.tool-card:hover .tool-symbol{transform:rotate(-9deg)}.tool-symbol{transition:transform .25s}.tool-go{font-size:20px;right:14px;top:15px}
.rail-card{background:#1a1b21;border-radius:20px;padding:20px;border-color:#ffffff16}.rail-card .section-line h2{font-size:20px}.rail-card .section-line a{font-size:12px}
.queue-item{gap:12px;padding-block:14px}.queue-item strong{font-size:13px}.queue-item small{font-size:11px;color:#aaa7b7}.queue-item .status{font-size:10px}.queue-thumb{width:52px;height:52px;background:#292733}
.activity-item{gap:10px;padding-block:13px}.activity-item strong{font-size:12px}.activity-item small{font-size:11px}.activity-item .status{font-size:10px}.activity-item>i{color:#c9b6ff;background:#c9b6ff12}
.studio-support{background:#c9b6ff;border:0;border-radius:21px;min-height:238px;isolation:isolate;color:#292135;padding:24px}
.studio-support:after{content:'✳';position:absolute;right:-12px;bottom:-20px;font:150px/1 var(--font-display);color:#a28cd7;z-index:-1;transform:rotate(12deg)}
.studio-support>.eyebrow{font-size:10px;color:#625077}.studio-support h2{font-size:34px;letter-spacing:-.05em}.studio-support p{font-size:13px;color:#58466e;max-width:235px}.studio-support .button{background:#292135;color:#f2eaff;border-color:#292135;min-height:43px;font-size:13px}
.home-guide strong{font-size:14px}.home-guide p{font-size:12px;color:#a7a2b3}.home-guide>span{color:#c9b6ff}
.home-recent .output-meta strong{font-size:14px}.home-recent .output-meta small,.media-tag{font-size:11px}
.library-page .studio-heading:after{background:#22202b;color:#c9b6ff;border-color:#c9b6ff30;font-size:12px}
.library-tools input,.library-tools select,.asset-tools input{min-height:46px;font-size:14px;background:#212229;color:#e5e2ed}.library-kind-filters button{font-size:14px;padding:11px 21px}
.output-card,.output-inspector,.asset-tile{background:#1d1e25;border-color:#ffffff20;border-radius:16px}
.output-meta strong{font-size:22px}.output-meta p{font-size:14px;color:#b1acbf}.output-meta small{font-size:12px}.status{font-size:11px}.status.completed{color:#daff73;background:#d4ff3f12;border-color:#d4ff3f30}
.output-placeholder{background:#24232d;color:#b0a9c0}.output-placeholder>span{color:#c9b6ff}.output-inspector .button{font-size:14px}
.request-facts dt{font-size:12px}.request-facts dd{font-size:14px}.full-brief{background:#17181d;color:#bfb8cd;font-size:14px}.flow-restore{color:#c9b6ff;background:#c9b6ff10;border-color:#c9b6ff40}
.source-assets a{background:#22212b;color:#ccc3df}.request-id,.meta-note{font-size:12px;color:#9d98ab}.library-status{font-size:13px}
.asset-tile-copy>strong{font-size:15px}.asset-tile-copy>small{font-size:12px}.asset-uses a{background:#c9b6ff10;color:#c9b6ff;font-size:12px}.asset-tile-actions,.asset-tile-actions>button{font-size:13px}.asset-tile-actions>a{color:#c9b6ff}.file-icon{background:#26222f;color:#c9b6ff}
.cleom-dialog{background:#1b1c23;border-color:#ffffff25;border-radius:24px;color:#f6f4ed}.dialog-foot{background:#1b1c23}.dialog-foot .button{font-size:14px}.cleom-dialog .studio-heading h2{font-size:30px}.cleom-dialog .studio-empty p{font-size:14px}
.studio-field>span{font-size:13px;color:#b4acbf}.studio-field input,.studio-field textarea,.studio-field select{background:#22232a;color:#f6f4ed;font-size:15px;padding:14px;line-height:1.6}.selected-assets>span{background:#c9b6ff17;color:#dbcef4;font-size:12px}
.credits-page .balance-card{background:#c9b6ff;color:#292135;border:0}.balance-card>small,.credit-pass-mark{color:#5d4b77!important}.credit-help p{font-size:15px;color:#afa6bc}.credit-help a{font-size:14px;color:#c9b6ff}.contact-alt{font-size:14px}
.account-settings .form-section{background:#1d1e25;border-color:#ffffff20}.account-settings .settings-hero{background:#23212b;border-color:#c9b6ff30}.account-settings .settings-avatar{background:#c9b6ff;color:#2b2239}.account-settings .ws-info span,.account-settings .sec-sub,.account-settings .meta{font-size:14px;line-height:1.65}.account-settings .ws-info strong{font-size:16px}.account-settings .btn{font-size:14px}.account-settings .input{font-size:15px}
@media(max-width:1200px){.home-columns{grid-template-columns:minmax(0,1fr)}.home-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:0}.home-guide{grid-column:1/-1;padding:8px}.studio-hero{min-height:345px}.studio-hero:before{inset:0 0 0 10%}.studio-support{margin-bottom:15px}.home-recent .output-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{width:236px}.app-main{margin-left:0;width:100%}.topbar{padding:10px 18px;height:68px}.studio-page{padding-inline:22px}.topbar .tb-stat[title="Credits"] .tb-val{font-size:14px}.topbar .user-btn .ub-name{display:none}.studio-hero{min-height:330px}.studio-hero>p{font-size:15px}.hero-actions .button{font-size:14px}.tool-card p{font-size:13px}.home-rail{grid-template-columns:1fr 1fr}.studio-support{grid-column:1/-1;min-height:170px}.studio-support p{max-width:360px}.studio-support h2 br{display:none}.studio-support:after{right:45px;font-size:190px}.home-guide{grid-column:1/-1}.workspace-metrics strong{font-size:21px}.workspace-metrics span{font-size:12px}}
@media(max-width:600px){.studio-page{padding-inline:17px}.studio-hero{padding-top:30px;padding-bottom:25px;min-height:375px;justify-content:flex-start}.studio-hero:before{inset:10px -17px 0 -20px;background-position:115% 30%;background-size:auto 230px;opacity:.6;mask-image:linear-gradient(180deg,#000 55%,transparent 85%)}.studio-hero h1{font-size:62px;max-width:100%;margin:8px 0 13px}.studio-hero>p{font-size:15px;max-width:250px;text-shadow:0 2px 10px #101114}.hero-actions{margin-top:auto;padding-top:25px;gap:10px}.hero-actions .button{font-size:13px;min-height:48px;padding-inline:14px;flex:1}.featured-request{grid-template-columns:1fr;padding:17px;gap:17px}.featured-copy h2{font-size:27px}.featured-visual{min-height:180px}.workspace-metrics{grid-template-columns:1fr 1fr;row-gap:22px;padding:22px 5px}.workspace-metrics>a{padding-inline:12px}.workspace-metrics>a:nth-child(2){border:0}.tool-grid{grid-template-columns:1fr 1fr;gap:12px}.tool-card{padding:19px;min-height:165px}.tool-card h2{font-size:21px}.home-rail{grid-template-columns:minmax(0,1fr);gap:0}.studio-support{grid-column:1}.studio-support:after{right:5px;font-size:170px}.home-recent .output-grid{grid-template-columns:1fr 1fr;gap:16px}.section-line h2{font-size:25px}.section-line p{font-size:13px}.section-line a{font-size:12px;white-space:nowrap}.library-tools input,.library-tools select{font-size:14px}.output-meta strong{font-size:19px}.output-meta p{font-size:13px}.output-meta small{font-size:11px}.library-page .studio-heading:after{display:none}.asset-grid{grid-template-columns:1fr 1fr}.studio-field input,.studio-field textarea,.studio-field select{font-size:16px}.user-dropdown{min-width:220px}.cleom-dialog{padding:20px}.account-settings .form-section h2{font-size:27px}.credits-page .studio-heading h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){.tool-symbol,.button,.tool-card{transition:none}.tool-card:hover .tool-symbol{transform:none}}
.embed-wrap{height:calc(100dvh - 72px);min-height:0}.embed-wrap iframe{height:100%;display:block}.asset-save-warning{padding:14px 17px;border:1px solid #ffb49a45;background:#ffb49a10;color:#ffcdbb;border-radius:12px;font-size:14px;line-height:1.6}
@media(max-width:900px){.embed-wrap{height:calc(100dvh - 68px)}}