/* Neutral creative studio. Original character assets and permission UI stay intact. */
:root{--creative-ink:#253248;--creative-muted:#536173;--creative-teal:#136b66;--creative-coral:#f8aa96;--creative-yellow:#f6d56c;--creative-lavender:#e2d9fb;--galaxy-paper:#faf8f3;--galaxy-ink:#253248;--galaxy-muted:#536173;--galaxy-lime:#f6d56c;--galaxy-cyan:#b8e7de;--galaxy-violet:#136b66}
body{background:#faf8f3;color:var(--creative-ink)}body:before{background:radial-gradient(ellipse at 90% 12%,#e2d9fb88,transparent 45%),radial-gradient(ellipse at 6% 45%,#b8e7de66,transparent 35%)}
.topbar{border-color:#25324820}.brand-strong,.galaxy-home .hero-copy h1,.galaxy-home h2,.galaxy-home h3,.galaxy-home .demo-prompt h2{color:var(--creative-ink)}.brand-mark{background:var(--creative-yellow);color:var(--creative-ink)}.nav-button,.account-label,.galaxy-home .hero-description,.marketing-section-heading>p,.planet-invitation,.guide-greeting{color:var(--creative-muted)}.nav-button.active{background:var(--creative-lavender);color:var(--creative-ink)}.quiet-button,.guide-mute{background:#fff;color:var(--creative-ink);border-color:#25324830}
.galaxy-home .galaxy-hero{padding-top:34px;gap:28px}.galaxy-home .hero-copy h1{font-size:clamp(36px,4.3vw,58px);margin:12px 0}.galaxy-home .hero-description{margin:12px 0;line-height:1.55}.galaxy-home .eyebrow,.galaxy-home h2 span,.example-tag,.planet-coordinate{color:var(--creative-teal)}
.galaxy-home .instant-preview-form{background:#fff;border:2px solid #253248;border-radius:22px;box-shadow:7px 8px 0 #f6d56c80}.composer-heading,.instant-preview-form label{color:var(--creative-ink)}#instant-idea{background:#fff;color:var(--creative-ink)}#instant-idea::placeholder{color:#687483}#instant-create-button{background:var(--creative-teal);color:#fff}#instant-preview-note{color:var(--creative-muted)}
.creative-idea-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.creative-idea-chips button,.guide-dock button{min-height:44px;padding:9px 14px;border:1px solid #25324840;border-radius:99px;background:#fff;color:var(--creative-ink);font:650 14px system-ui;cursor:pointer;transition:transform .18s,box-shadow .18s}.creative-idea-chips button:nth-child(3n+1){background:#d7eee7}.creative-idea-chips button:nth-child(3n+2){background:#ffdfd3}.creative-idea-chips button:nth-child(3n){background:var(--creative-lavender)}.creative-idea-chips button:hover,.guide-dock button:hover{transform:translateY(-3px);box-shadow:0 5px 0 #25324816}
.guide-planet{background:#f0eafa;border-color:#d7c9ec;box-shadow:none;min-height:290px}.planet-invitation{font-size:26px}.guide-team-heading{color:var(--creative-teal)}.guide-message{background:#fff;border-color:#d7c9ec}.hero-guides:empty{min-height:50px}.guide-dock{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.guide-dock button[aria-pressed=true]{background:var(--creative-teal);color:#fff}.creative-tour-replay{min-height:44px;background:none;border:0;text-decoration:underline;color:var(--creative-teal);font:inherit;cursor:pointer}
.loop-grid article,.possibility-card,.family-section,.closing-cta,.galaxy-home .idea-card{background:#fff;border:1px solid #25324825}.loop-grid p,.example-copy p,.age-grid p,.family-intro>p:not(.eyebrow),.family-principles p,.faq-list p,.prototype-note,.site-footer,.starter-disclosure{color:var(--creative-muted)}.galaxy-home .idea-card textarea,.galaxy-home .idea-card select{background:#faf8f3;color:var(--creative-ink)}.galaxy-home .idea-card .field-label{color:var(--creative-ink)}.example-copy button,.faq-list summary,.galaxy-text-link{color:var(--creative-teal)}.creation-demo{box-shadow:5px 7px 0 #e2d9fb;border-color:#d7c9ec;transform:none}.mobile-nav{background:#faf8f3f5;border-color:#d7c9ec}.mobile-nav-button{color:var(--creative-muted)}.mobile-nav-button.active{background:var(--creative-lavender);color:var(--creative-ink)}
.living-guides{position:fixed;inset:0;z-index:1100;pointer-events:none;overflow:hidden}.living-guides .guide-character{position:absolute;left:0;top:0;width:96px!important;height:128px!important;margin:0!important;pointer-events:none;will-change:transform}.living-guides .guide-stage{box-sizing:border-box;width:100%;height:108px;padding:6px}.living-guides .guide-still,.living-guides .guide-motion,.living-guides .guide-talk-frames{width:100%;height:100%;object-fit:contain}.living-guides figcaption{box-sizing:border-box;height:20px;padding:0 4px;border:0;color:var(--creative-ink);font:700 12px/20px system-ui;text-align:center;background:#fffc;border-radius:8px}.living-guides [data-travel=moving] .guide-stage img{animation:creative-float .8s ease-in-out infinite alternate}
.guide-tour{width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 110px);overflow:auto;background:#faf8f3;color:var(--creative-ink);border:2px solid #253248;border-radius:28px;padding:clamp(24px,5vw,52px);box-shadow:12px 14px 0 #e2d9fb;z-index:1200}.guide-tour::backdrop{background:#faf8f3ef;background-image:radial-gradient(circle at 14% 20%,#c7e9df 0 4%,transparent 4.3%),radial-gradient(circle at 84% 65%,#f6d56c 0 6%,transparent 6.3%)}.guide-tour[open]{animation:creative-enter .3s ease-out}.guide-tour h2{font:800 clamp(28px,5vw,44px)/1.12 ui-rounded,system-ui;letter-spacing:-1px;margin:20px 0}.guide-tour p{font-size:18px;line-height:1.65}.guide-tour .tour-meta,.guide-tour .tour-disclosure{font-size:13px;color:var(--creative-muted)}.tour-controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.tour-controls button{min-height:48px;padding:10px 20px;border:1px solid #25324840;border-radius:14px;font:700 16px system-ui;background:#fff;color:var(--creative-ink);cursor:pointer}.tour-controls button:last-child{background:var(--creative-teal);color:#fff}#guide-tour-skip{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));min-height:48px;padding:12px 20px;border:2px solid #253248;border-radius:99px;background:var(--creative-yellow);color:var(--creative-ink);font:750 16px system-ui;cursor:pointer;z-index:1300}
button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #136b66;outline-offset:4px}[hidden]{display:none!important}
.tour-demo{background:#fff;border:1px solid #25324835;border-radius:18px;padding:16px;margin:20px 0}.tour-demo-idea{display:flex;gap:12px;flex-wrap:wrap;background:#faf8f3;padding:12px;border-radius:10px}.tour-demo-tools{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.tour-demo-tools span{border-radius:8px;background:#e2d9fb;padding:8px;font-size:12px}.tour-demo-tools [data-active=true]{background:#136b66;color:#fff;outline:3px solid #f6d56c}.tour-demo-preview{display:none;padding:16px;background:#d7eee7;border-radius:12px;text-align:center}.tour-demo-preview strong{display:block;font:800 30px system-ui}.tour-demo[data-stage=edit] .tour-demo-preview,.tour-demo[data-stage=save] .tour-demo-preview{display:block}.guide-tour #guide-tour-demo-note{font-size:14px;margin:12px 0 0}
@keyframes creative-float{to{transform:translateY(-4px)}}@keyframes creative-enter{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.galaxy-hero{padding-top:20px;gap:24px}.galaxy-home .hero-copy h1{font-size:38px}.guide-planet{min-height:220px}.guide-tour{padding:24px}.guide-tour p{font-size:16px}.creative-idea-chips button{font-size:12px;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.living-guides .guide-character{width:var(--guide-width,96px)!important;height:var(--guide-height,128px)!important;pointer-events:auto;cursor:pointer;touch-action:manipulation;border-radius:14px}.living-guides .guide-character:focus-visible{outline:3px solid var(--creative-teal);outline-offset:2px}.living-guides .guide-character[aria-pressed=true] figcaption{background:#d7eee7;color:#174c47}.living-guides .guide-stage{height:calc(var(--guide-height,128px) - 20px)}.guide-crew-space{width:100%;min-height:128px;flex:none}#hero-guides,#creation-guides{min-height:128px;flex:none}.workspace-guide-dock{margin:4px 0;flex:none}.workspace-crew-status{margin:4px 0 12px;color:var(--creative-muted);font:13px/1.45 system-ui}
@media(max-width:479px){.guide-crew-space,#hero-guides,#creation-guides{min-height:96px}}
.instant-workspace .creation-guides{box-sizing:border-box;width:100%;max-width:none;margin:4px 0;justify-content:center}.instant-workspace .workspace-guide-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 8px}.workspace-guide-dock button{min-width:0;border-radius:14px;padding:8px 4px;font-size:12px;overflow-wrap:normal}.workspace-crew-status{padding:0 10px}.instant-workspace-header>div{min-width:0}