/* Collective: restrained surfaces, readable controls, editorial direction cards. */
:root{--bg:#101112;--surface:#191a1c;--line:#343538;--muted:#b3b2b7;--mint:#d4c3eb;--accent:#bca3da;--text:#f1efeb}
body{background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif;line-height:1.55}
.sidebar{background:#151517;border-color:var(--line)}
.brand-icon,.workspace-icon{background:#d4c3eb!important;color:#25202b!important;border-color:#d4c3eb;text-shadow:none;box-shadow:none}
.workspace{background:#1c1c20;border-color:var(--line)}.workspace small,.nav-label{color:#aaa5b0}
.nav-item{min-height:46px;color:#bdbac2}.nav-item.active{background:#302a39;border-color:#574965;color:#eee3fa}.nav-item:hover{background:#252329}
.credit-card{background:#202023;border-color:#414045}.credit-track span{background:#c6aedf}.cloud-status,.credit-card>small{color:#bcb6c5}
header{background:#101112f2;border-bottom:1px solid #2c2d30;backdrop-filter:none}.free-pill{background:#222125;border-color:#4a454e;color:#d4cbdc}
.content{max-width:1500px;margin-inline:auto;padding-top:30px}.hero{background:#1b1b1e;border:1px solid #39383e;box-shadow:none;border-radius:18px;grid-template-columns:1fr 1fr;min-height:420px}
.hero-copy{padding:44px 20px 40px 36px}.hero-badge{padding:0;border:0;background:none;color:#cbc2d5;font-size:10px;letter-spacing:2px}.hero-badge .live-dot{display:none}
.hero h1{font-size:clamp(38px,4.2vw,64px);line-height:1.07;letter-spacing:-2.1px;font-weight:600;margin:24px 0}.hero h1 span{background:none;color:#ccb6e0;-webkit-text-fill-color:currentColor}
.hero-copy>p{font-size:15px;line-height:1.75;color:#c0bcc5;max-width:370px}.hero-cta,.primary{background:#d4c3e8;color:#241b2c;border:1px solid #d4c3e8;box-shadow:none;border-radius:9px;font-size:14px;min-height:46px}.hero-cta:hover,.primary:hover{background:#e4d7f1;box-shadow:none;transform:none}
.hero-facts{font-size:11px;color:#ccc4d5;gap:14px;flex-wrap:wrap}.hero-proof{font-size:11px;color:#aaa6b0;letter-spacing:0}.hero-proof>span{color:#a6c7ae;text-shadow:none}
.creative-showcase{padding:24px 24px 24px 8px;grid-template-columns:1.3fr 1fr;grid-template-rows:26px 1fr 26px;gap:12px;min-height:370px}.creative-showcase:before,.showcase-main:before,.showcase-main:after,.showcase-side:before,.showcase-orb{display:none}
.showcase-topline,.showcase-footer{font-size:9px;letter-spacing:1px;color:#bdb5c5}.showcase-card{border-radius:10px;border:1px solid #ffffff24;padding:0;background:#cac5b7;box-shadow:none}.showcase-card:hover{transform:translateY(-2px);box-shadow:none;border-color:#e1d0ee}
.showcase-main{background:#b4bdae url('assets/direction-cinema.svg') center/cover no-repeat}.showcase-side{background:#dfcbb7 url('assets/direction-editorial.svg') center/cover no-repeat}.showcase-type{font-size:9px;letter-spacing:1.4px;background:#171a19db;color:#eee;border:0;padding:6px 8px;backdrop-filter:none}
.showcase-card-bottom{padding:15px;background:#151717ed;gap:3px}.showcase-card-bottom b{font-size:13px}.showcase-card-bottom small{font-size:11px;color:#c7c5ca}.pulse-dot{background:#aac5ab;box-shadow:none}
.tools-heading h2,.section-title h2{font-size:20px;line-height:1.35;letter-spacing:-.4px}.section-title>span,.tools-heading>span{font-size:10px;color:#aaa3b2}
.quick-start{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:4px 0 28px;margin:28px 0 32px;grid-template-columns:1fr}.quick-start-intro{display:none}.quick-start-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.quick-start-steps li{background:none;border:0;border-radius:0;padding:6px 0;gap:12px}.quick-start-steps>li>span{font-size:12px;color:#c7afdd}.quick-start-steps h3{font-size:14px}.quick-start-steps p{font-size:12px;color:#b0abb5;line-height:1.65}
.feature{background:#1c1c20;border-color:#3b3941;box-shadow:none;padding:22px 18px;min-height:120px}.feature.selected{background:#2a2531;border-color:#aa91c0;box-shadow:none}.feature:hover{transform:translateY(-2px);border-color:#ae98c0}.feature-copy strong{font-size:16px}.feature-copy small{font-size:12px;line-height:1.5;color:#bdb6c6}.tool-icon.mint,.tool-icon.violet{background:#322d39;border-color:#675870;color:#dac5ec}.tool-tag{font-size:10px;color:#c0b5cb}
.assistant-packs,.director-presets{background:#1a1a1e;border-color:var(--line);border-radius:14px;padding:24px}.assistant-packs>p,.director-presets>p{font-size:13px;color:#b7b0bf;line-height:1.65}.ai-pack-grid button,.director-grid button,.pack-grid button{background:#232227;border-color:#414047;border-radius:10px;box-shadow:none}.ai-pack-grid button:hover,.director-grid button:hover,.pack-grid button:hover{background:#2e2a34;border-color:#ac96bf;transform:translateY(-2px)}.ai-pack-grid b,.director-grid b,.pack-grid b{font-size:14px}.ai-pack-grid small,.director-grid small,.pack-grid small{font-size:12px;color:#c0b8c9}.director-grid span{background:#343039;color:#d3c2e0}.mini-label,.eyebrow{font-size:10px;color:#c1adcF;letter-spacing:1.7px}
.panel{background:#1a1a1e;border-color:#3a383f;border-radius:14px;box-shadow:none}.panel-heading h2{font-size:22px;letter-spacing:-.5px}.panel-heading{gap:12px;flex-wrap:wrap}.outline-pill{font-size:11px;background:#26222d;color:#dac9e7;border-color:#554761}
label{font-size:13px;color:#cec7d6}input,textarea,select,.community-search select,.project-filters select,.editor-controls select,.brief-guide select{font:inherit;font-size:14px;color:#f3eef6;background:#111114;border:1px solid #514b59;border-radius:8px;padding:12px;min-height:44px;max-width:100%}input::placeholder,textarea::placeholder{color:#a59dac}input:focus,textarea:focus,select:focus{border-color:#c4abdd;box-shadow:0 0 0 3px #bba0d11a}select{color-scheme:dark}input[type=checkbox]{min-height:18px;width:18px;height:18px;accent-color:#c9b0df;vertical-align:middle}textarea{font-size:15px;line-height:1.7}.input-meta,.generation-footer,.protection,.result-note,.image-limits{font-size:12px;color:#b8afc2}.suggestions{font-size:12px}.suggestions button{font-size:12px;background:#29252e;color:#d2c7de;border-color:#514457;min-height:36px}
.quiet{font-size:13px;min-height:40px;border:1px solid #49414f;background:#242129;border-radius:8px;padding:9px 13px;color:#ded2e8;line-height:1.45}.quiet:hover:enabled{background:#36303e;border-color:#a18bad}.project-card .quiet{padding-left:13px}.dialog-close{min-width:44px;min-height:44px}.community-tabs .quiet{border-radius:8px}.community-tabs [aria-pressed=true]{background:#d4c3e8;color:#241b2c;border-color:#d4c3e8}
#community-profile-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:8px 20px;align-items:start}#community-profile-form label[for=community-name]{grid-column:1;grid-row:1}#community-name{grid-column:1;grid-row:2;max-width:none}#community-profile-form label[for=community-bio]{grid-column:2;grid-row:1}#community-bio{grid-column:2;grid-row:2/4;min-height:92px;max-height:180px}#community-profile-form button{grid-column:1;justify-self:start}#community-my-stats{font-size:13px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.community-profile p{font-size:13px;max-width:780px;color:#bfb6c9}.community-search{padding:18px;background:#1a1a1e;border:1px solid var(--line);border-radius:12px}.community-search label{display:grid;gap:8px}.community-search select{width:100%}.community-search label:first-child{flex:2}.community-search label:nth-child(2){flex:1}
.community-card{padding:22px}.community-card h3{font-size:20px;letter-spacing:-.3px}.community-card-head{justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line)}.community-card-head button:first-child{font-weight:600;background:none;border-color:transparent;padding-left:0}.community-card>button{margin:4px 6px 4px 0}.community-card .community-thumb{width:100%;height:160px;object-fit:contain;background:#141417;border:1px solid #363139}.community-preview{font-size:14px;color:#c4bccc;line-height:1.8}#community-extra,#community-member,[data-backup-panel]{padding:24px;margin:18px 0}#community-feed>p,.empty-projects{grid-column:1/-1;padding:38px 24px;border:1px dashed #59515f;border-radius:12px;color:#c5bccd;text-align:center;background:#17171a}
.auth-note,.studio-quota,.studio-help{font-size:12px!important;line-height:1.7;background:#25212c;border-color:#514657;color:#d5c8df!important}.purpose-panel h2,.editor-panel h2{font-size:22px}.purpose-panel p{font-size:13px}.result .orb{width:64px;height:64px;background:#28242e;border:1px solid #55485f;box-shadow:none;color:#d4bce6;border-radius:18px}#empty-result h3{font-size:17px;font-weight:500}#empty-result p{font-size:13px;color:#b8adbf}.empty-lines{display:none}.coming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coming-grid article{background:#1b1b1e}.coming-grid h3{font-size:14px}.coming-grid p,.coming-note{font-size:12px}.coming-art{background:#29242f;color:#bba5cb}.coming-art span{text-shadow:none}.stat{background:#222126}dialog{background:#1d1b21;border-color:#62546e;box-shadow:0 24px 90px #0008}dialog p{font-size:14px;color:#c1b5cc}.social-button{background:#2b2631;font-size:14px}.auth-divider{font-size:12px}.legal-links{gap:14px}footer{font-size:12px;color:#b3a8bd;gap:18px}.instagram-credit{box-shadow:none;background:#463044;border-color:#825675;transform:none}
@media(max-width:1100px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:32px}.hero-copy>p{max-width:540px}.hero h1{font-size:52px}.creative-showcase{padding:0 32px 24px;min-height:280px;grid-template-columns:1.2fr 1fr;grid-template-rows:26px 230px 26px}.quick-start-steps{gap:14px}.feature-copy strong{font-size:14px}.feature-copy small{font-size:12px}}
@media(max-width:650px){.sidebar{padding:16px;background:#151517;gap:14px}.sidebar nav{width:100%;justify-content:space-between;margin-left:0;gap:4px}.nav-item{font-size:12px;min-height:44px;padding:8px 10px;gap:6px}.brand{font-size:22px}.content{padding:22px 16px 0}header{padding:12px 16px}.hero-copy{padding:26px 22px 22px}.hero h1{font-size:43px;max-width:none;letter-spacing:-1.5px}.hero-copy>p{font-size:14px}.hero-facts,.hero-proof{font-size:11px}.creative-showcase{height:auto;min-height:0;padding:0 18px 18px;grid-template-rows:24px 206px 24px;gap:9px}.showcase-topline,.showcase-footer{font-size:8px}.showcase-card-bottom{padding:10px}.showcase-card-bottom b{font-size:12px}.showcase-card-bottom small{font-size:10px}.showcase-type{font-size:8px}.quick-start-steps{grid-template-columns:1fr;gap:10px}.quick-start-steps li{padding:8px 0}.quick-start{margin:20px 0 26px;padding-bottom:20px}.feature-grid{grid-template-columns:1fr;gap:10px}.feature{display:flex;align-items:center;gap:14px;min-height:92px;padding:18px}.feature .tool-icon{margin:0;flex-shrink:0}.feature-copy strong{font-size:16px}.feature-copy small{font-size:12px}.feature .tool-tag{display:block;position:static;margin-left:auto;white-space:nowrap;font-size:10px}.feature-arrow{display:none}.assistant-packs,.director-presets,.purpose-panel,.editor-panel{padding:18px}.section-title{gap:12px}.section-title h2,.tools-heading h2{font-size:19px}.pack-grid{gap:10px}.pack-grid button{padding:14px;min-height:100px}.ai-pack-grid button{min-height:102px}.director-grid button{min-height:126px}.quiet{min-height:44px}.panel-heading h2{font-size:20px}#community-profile-form{grid-template-columns:1fr;gap:8px}#community-profile-form label[for],#community-profile-form input,#community-profile-form textarea,#community-profile-form button{grid-column:1;grid-row:auto}#community-bio{min-height:96px}#community-profile-form button{margin-top:8px}.community-profile{padding:18px}.community-search{padding:16px;gap:14px}.community-search label{flex:1 1 100%!important;min-width:0}.community-search button{width:100%}.community-tabs{gap:8px}.community-tabs button{flex:1}.community-card-head .quiet{flex:none}.community-card{padding:18px}.community-card h3{font-size:18px}.coming-grid{grid-template-columns:1fr}.coming-grid article{grid-template-columns:76px 1fr}#community-extra,#community-member,[data-backup-panel]{padding:18px}.generation-footer{font-size:12px}.input-meta{font-size:11px}.protection{font-size:11px}.language-control select{min-height:40px}footer .quiet{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.showcase-card:hover,.feature:hover,.ai-pack-grid button:hover,.director-grid button:hover,.pack-grid button:hover{transform:none}}
