:root{font-family:'DM Sans',sans-serif;color:#eee9e2;background:#151414;font-synthesis:none;--orange:#fa9563;--muted:#8a8582;--line:#302c29}*{box-sizing:border-box}body{margin:0}button,a,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}a{color:inherit;text-decoration:none}button{transition:background .2s,transform .2s,border-color .2s}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}.svg-defs{position:absolute;width:0;height:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;gap:28px;background:#191716}.brand{display:flex;align-items:center;gap:9px}.brand svg{width:32px;height:37px;color:var(--orange);transform:rotate(-10deg)}.brand strong{font-family:'Space Grotesk',sans-serif;font-size:26px;letter-spacing:-1.3px}.brand strong span{font-weight:400}.brand b{font-size:16px;color:var(--orange);vertical-align:top;margin-left:3px}.divider{height:24px;width:1px;background:#3b332e}.edition{font-size:9px;font-weight:600;letter-spacing:2px;color:#ada29a}.header-right{margin-left:auto;display:flex;align-items:center;gap:23px}.prototype{font-size:11px;color:#b7ada6;background:#25221f;padding:7px 11px;border-radius:20px;border:1px solid #3e342c}.prototype i,.under-composer i{display:inline-block;width:5px;height:5px;background:#a5b88c;border-radius:50%;margin-right:6px}.avatar{width:32px;height:32px;border-radius:50%;border:1px solid #635044;background:#433429;color:#efb48a;font-size:12px}.workspace{display:flex;min-height:calc(100vh - 80px)}aside{width:224px;flex-shrink:0;border-right:1px solid var(--line);padding:30px 18px 18px;background:#191716;display:flex;flex-direction:column;justify-content:space-between}.workspace-name,.section-label{font-size:9px;letter-spacing:1.6px;color:#817873;font-weight:600;margin:0 12px 17px;display:block}.new-app{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;background:#f79a68;color:#2a1c14;border:0;border-radius:7px;font-size:12px;font-weight:600}.new-app span{font-size:20px;line-height:16px}kbd{margin-left:auto;color:#815139;border:1px solid #d98b60;border-radius:4px;padding:0 4px;font-size:12px}nav{margin-top:24px}.nav-item{display:flex;align-items:center;text-align:left;gap:10px;background:none;border:0;width:100%;padding:11px 12px;font-size:11px;color:#a09893;border-radius:6px;margin:4px 0}.nav-item>span{font-size:19px;line-height:18px}.nav-item.selected{background:#2a211c;color:#f3ab7e}.nav-item small{margin-left:auto;color:#a39489;background:#342b25;padding:2px 5px;border-radius:4px}.recent{margin-top:36px}.no-recent{font-size:10px;color:#706962;line-height:1.8;padding:0 12px}.recent-item{display:block;text-align:left;background:none;border:0;font-size:11px;color:#a99d95;width:100%;padding:10px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom{padding-top:80px}.mini-ghost{border:1px solid #373029;background:radial-gradient(ellipse at bottom left,#32251d,transparent);border-radius:8px;padding:17px 12px;display:flex;gap:11px;align-items:center}.mini-ghost svg{width:31px;height:39px;color:#c5b7a7;transform:rotate(-12deg)}.mini-ghost span{font-size:10px;line-height:1.6;color:#897d73}.mini-ghost b{font-weight:400;color:#baaa9c}.mini-ghost i{color:#a07048;margin-left:auto}.base{display:flex;align-items:center;gap:8px;font-size:10px;color:#847a72;margin:22px 9px 0}.base>span:last-child{margin-left:auto}.base-mark{color:#cfc3b8}main{flex:1;min-width:0;padding:28px 48px 0;max-width:1600px}.topline{display:flex;justify-content:space-between;font-size:10px;color:#b9afa7}.breadcrumb{color:#807971}.slash{padding:0 12px;color:#514941}.moon{color:#9a8672;font-size:15px;display:flex;gap:8px;align-items:center}.moon span{font-size:10px;color:#887b70}#home{max-width:960px;margin:auto}.hero{position:relative;padding-top:62px}.season-label{font-size:9px;letter-spacing:1.7px;color:#c39671;font-weight:600}.season-label>span{color:var(--orange);margin-right:7px}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(36px,4.1vw,59px);line-height:1.13;letter-spacing:-2.8px;font-weight:500;margin:19px 0 17px}h1>span{color:var(--orange)}.hero>p{font-size:12px;line-height:1.9;color:#a39a92;margin-bottom:28px}.hero-ghost{position:absolute;right:54px;top:61px;transform:rotate(12deg)}.hero-ghost svg{width:105px;height:126px;color:#e6dccb;filter:drop-shadow(0 15px 30px #eaa16e15);animation:float 5s ease-in-out infinite}.hero-ghost>span{position:absolute;top:2px;right:-29px;font-family:serif;font-size:17px;color:#a29a8b;transform:rotate(13deg)}.star{position:absolute;color:#9c7250}.star-one{right:14px;top:175px;font-size:35px}.star-two{right:188px;top:78px;font-size:18px}.composer{background:#211e1b;border:1px solid #5a4231;border-radius:12px;padding:20px 18px 14px;box-shadow:0 4px 25px #00000015}.composer:focus-within{border-color:#b57850;box-shadow:0 0 0 3px #ffab6910}textarea{font:13px 'DM Sans',sans-serif;resize:vertical;min-height:68px;max-height:180px;width:100%;background:none;border:0;outline:0;color:#f4e7d8}textarea::placeholder{color:#a19385}.composer-bottom{display:flex;align-items:center;justify-content:space-between}.composer-bottom>div{display:flex;align-items:center;gap:13px}.idea-button{background:#2b2722;border:1px solid #3c342b;border-radius:6px;padding:6px 9px;color:#bbab9a;font-size:10px}.idea-button span{color:#cfa779;font-size:14px;margin-right:3px}.key-hint{font-size:11px;color:#70665c}.conjure{background:#f69a68;color:#291c13;border:0;border-radius:6px;padding:10px 14px;font-size:11px;font-weight:700}.conjure span{margin-left:13px;font-size:15px}.under-composer{display:flex;justify-content:space-between;color:#776f67;font-size:9px;margin:12px 3px}.under-composer i{width:4px;height:4px;background:#8a9270}.inspiration-header{display:flex;justify-content:space-between;align-items:center;margin:46px 0 20px}.inspiration-header h2{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:500;margin:0 0 6px;letter-spacing:-.4px}.inspiration-header p{font-size:10px;color:#8a8179;margin:0}.inspiration-header>span{font-size:9px;letter-spacing:1px;color:#6b635c}.templates{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.template{display:block;text-align:left;border:1px solid #342c25;background:#1d1a17;border-radius:9px;padding:0;overflow:hidden;min-width:0}.template:hover{transform:translateY(-4px);border-color:#8e5d3d}.art{height:139px;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}.template-body{padding:15px 13px 13px}h3{font-size:11px;margin:0 0 8px;letter-spacing:-.2px;font-weight:500;display:flex;justify-content:space-between;gap:3px}h3 span{color:#786a5b}.template-body p{font-size:9px;color:#887a6d;margin:0 0 15px}.tag{font-size:7px;letter-spacing:1px;color:#aa9077;border:1px solid #3e3227;border-radius:4px;padding:3px 5px;display:inline-block}.party-art{background:#503723}.party-ticket{background:#cf8653;color:#38271d;transform:rotate(-10deg);padding:12px 16px;text-align:center;box-shadow:7px 7px 0 #251d2060;border:1px solid #e29c69;z-index:1}.party-ticket span{font-size:5px;letter-spacing:2px}.party-ticket b{display:block;font-family:'Space Grotesk',sans-serif;font-size:28px;letter-spacing:-1.6px;line-height:.95;margin:8px 0}.party-ticket small{font-size:5px;letter-spacing:1px}.orb{width:95px;height:95px;background:#a15e32;border-radius:50%;position:absolute;right:-14px;top:-20px}.art-spark{position:absolute;color:#e8b77b;right:20px;bottom:19px;font-size:25px}.costume-art{background:#37394a}.costume-card{background:#55566b;border:1px solid #75738a;width:101px;border-radius:52px 52px 7px 7px;text-align:center;padding:22px 4px 11px;transform:rotate(8deg);box-shadow:7px 9px 0 #282937}.costume-card span{font-size:5px;letter-spacing:1px;color:#c3bfd4}.costume-card div{font-size:47px;color:#d0c4dd;line-height:1.2}.costume-card b{font-family:serif;font-size:12px;font-weight:400;color:#e1d9eb}.costume-star{position:absolute;left:20px;top:30px;font-size:31px;color:#a29db9}.treat-art{background:#3a4230}.candy{position:absolute;width:50px;height:36px;background:#d8b45e;color:#5d512e;border-radius:9px;text-align:center;font-size:26px;transform:rotate(30deg);box-shadow:0 5px 10px #0002}.candy:before,.candy:after{content:'';position:absolute;border:15px solid transparent;top:3px}.candy:before{border-left-color:#c6a858;left:-23px}.candy:after{border-right-color:#c6a858;right:-23px}.candy-one{top:29px;left:35px}.candy-two{top:42px;right:23px;background:#b6aa87;transform:rotate(-25deg)}.candy-three{top:79px;left:68px;transform:rotate(-9deg);background:#b77c50}.treat-label{font-size:5px;letter-spacing:2px;position:absolute;bottom:10px;color:#c8c2a2}.story-art{background:#513632}.story-book{width:93px;height:114px;background:#926253;border:1px solid #b1866e;border-left:5px solid #78503f;transform:rotate(-8deg);box-shadow:9px 8px 0 #362420;padding:12px 8px;text-align:center;color:#e3c8a6}.story-book small{font-size:5px;letter-spacing:1px}.story-book b{display:block;font-family:serif;font-size:20px;line-height:.9;font-weight:400;margin:6px 0}.story-book svg{width:28px;height:32px;color:#d1ab84}.story-star{position:absolute;right:19px;top:22px;color:#c9a789;font-size:18px}footer{display:flex;justify-content:space-between;margin-top:38px;padding:19px 0 23px;border-top:1px solid #29241f;color:#6f655b;font-size:9px}footer>span:last-child{font-size:7px;letter-spacing:1.5px;display:flex;gap:8px;align-items:center}footer svg{width:13px;height:15px;color:#9a8775}.draft-heading{padding-top:65px}.draft-heading h1{font-size:42px}.draft-heading>p{color:var(--muted);font-size:12px}.draft-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:28px;margin:38px 0}.user-prompt{padding:17px;background:#30251e;border:1px solid #513b2c;border-radius:12px;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.assistant-message{display:flex;gap:10px;margin:26px 0;line-height:1.8;font-size:12px}.assistant-message svg{width:28px;height:34px;flex-shrink:0;color:var(--orange)}.assistant-message p{color:#a99c90}.secondary{border:1px solid #4f3b2d;background:#28201a;padding:10px 15px;border-radius:6px;color:#d3b399;font-size:11px}.preview-panel{border:1px solid #4a382b;border-radius:12px;overflow:hidden;background:#211a15}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3b2b20;padding:11px;font-size:10px;color:#ae947e}.device{border:0;border-radius:3px;background:transparent;color:#ae947e}.device.active{background:#4d3424;color:#fad9b8}#preview-canvas{min-height:370px;text-align:center;padding:35px 18px;background:radial-gradient(ellipse at top,#412917,transparent);transition:max-width .3s;margin:auto}#preview-canvas.mobile{max-width:240px;border-left:1px solid #513827;border-right:1px solid #513827}#preview-canvas>svg{display:block;margin:0 auto 20px;width:85px;height:95px;color:#dcc7ac}#preview-canvas .season-label{font-size:7px}#preview-canvas h2{font-family:'Space Grotesk',sans-serif;font-weight:500;overflow-wrap:anywhere}#preview-canvas p{font-size:11px;line-height:1.8;color:#a58f7b}.preview-pill{font-size:9px;display:inline-block;background:#38281d;padding:8px 13px;border-radius:20px;color:#c7a788;margin-top:12px}#library-items{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.library-card{padding:25px;border-radius:12px;background:#282018;border:1px solid #493626;text-align:left;overflow:hidden}.library-card svg{width:38px;height:44px;color:#d8b791}.library-card h3{margin-top:12px;font-size:15px;overflow-wrap:anywhere}.library-card p{font-size:11px;color:#a59583;line-height:1.7}.empty-library{padding:50px;color:#a89989;grid-column:1/-1;text-align:center;border:1px dashed #493b2f;border-radius:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#efbf95;color:#36271b;padding:12px 20px;font-size:12px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{background:#26201b;color:#eee0d2;max-width:410px;border:1px solid #725039;border-radius:16px;padding:35px;font-size:13px;line-height:1.8}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}dialog>svg{width:50px;height:58px;color:var(--orange)}dialog h2{font-family:'Space Grotesk',sans-serif}dialog .muted{color:#a29080}#close-dialog{position:absolute;right:14px;top:8px;border:0;background:none;font-size:25px;color:#bda58f}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-9px) rotate(-4deg)}}@media(min-width:1450px){main{padding-left:70px;padding-right:70px}.hero{padding-top:85px}.art{height:165px}.inspiration-header{margin-top:55px}}@media(max-width:1100px){aside{width:190px}main{padding:25px 30px 0}.hero-ghost{right:20px;top:84px}.hero-ghost svg{width:70px}.star-two{right:110px}.hero h1{font-size:43px}.templates{gap:10px}.template-body{padding:12px 9px}h3{font-size:10px}.template-body p{font-size:8px}.hero{padding-top:50px}}@media(max-width:850px){.edition,.divider{display:none}.hero-ghost,.star{display:none}.templates{grid-template-columns:repeat(2,1fr)}.art{height:150px}.template-body{padding:15px}h3{font-size:13px}.template-body p{font-size:10px}.under-composer>span:last-child{display:none}.draft-grid{grid-template-columns:1fr}#library-items{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:39px}}@media(max-width:600px){header{height:68px;padding:0 19px}.brand strong{font-size:24px}.header-right{gap:10px}.prototype{font-size:9px;padding:6px 8px}.workspace{min-height:calc(100vh - 68px)}aside{width:60px;padding:22px 9px}.workspace-name,.new-app kbd,.recent,.sidebar-bottom{display:none}.new-app{font-size:0;justify-content:center;padding:11px 0}.new-app span{font-size:24px}.nav-item{font-size:0;padding:10px;justify-content:center}.nav-item>span{font-size:22px}.nav-item small{display:none}main{padding:21px 18px 0}.topline{font-size:9px}.moon{display:none}.hero{padding-top:39px}.season-label{font-size:7px;letter-spacing:1px}.hero h1{font-size:33px;letter-spacing:-1.7px}.hero>p{font-size:11px}.composer{padding:15px 12px 12px}textarea{font-size:12px;min-height:91px}.key-hint{display:none}.conjure{font-size:10px;padding:9px}.conjure span{margin-left:7px}.idea-button{font-size:9px}.inspiration-header{margin-top:33px}.inspiration-header h2{font-size:15px}.inspiration-header p{font-size:9px}.inspiration-header>span{display:none}.templates{gap:10px}.art{height:128px}.template-body{padding:12px 9px}h3{font-size:11px;line-height:1.4}.template-body p{font-size:9px;line-height:1.5;min-height:27px}.tag{font-size:6px}.costume-star{left:8px}.candy-one{left:20px}.candy-three{left:40px}.treat-label{font-size:4px}footer>span:last-child{display:none}footer{font-size:8px}.draft-heading{padding-top:40px}.draft-heading h1{font-size:33px;letter-spacing:-1.5px}#library-items{grid-template-columns:1fr}.toast{width:80%;text-align:center}.empty-library{padding:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Connected builder workspace */
button:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none}.builder-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:42px 0 20px}.builder-heading h1{font-size:34px;letter-spacing:-1px}.build-status{padding:13px 16px;background:#2b211a;border:1px solid #4c3728;border-radius:9px;color:#e4b48a;font-size:12px;margin-bottom:20px}.live-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,1.5fr);gap:22px;margin-bottom:28px}.build-chat{min-width:0}.chat-message{border:1px solid #3a3028;border-radius:10px;margin:12px 0;padding:14px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.chat-message.user{background:#30231a}.chat-message.assistant{background:#1e1a17}.chat-message b{font-size:10px;color:#c69c77}.chat-message p{white-space:pre-wrap;margin-bottom:0}.live-preview{border:1px solid #4a382b;border-radius:12px;overflow:hidden;min-height:500px;background:#211a15}.live-preview .preview-toolbar{gap:10px;flex-wrap:wrap}.live-preview .preview-toolbar a{font-size:10px;color:var(--orange)}#preview-message{padding:35px;font-size:12px;line-height:1.8;color:#ad9480}#live-frame{display:block;border:0;width:100%;height:650px;background:white}#followup-form{padding:15px;background:#252019;border:1px solid #4a3526;border-radius:10px;margin-top:20px}#followup-form label{display:block;font-size:11px;color:#bca58e;margin-bottom:12px}#followup-form textarea{min-height:100px}#followup-form button{display:block;margin-left:auto}.agent-question{padding:16px;border:1px solid #96603b;background:#332319;border-radius:10px;margin:16px 0;font-size:12px}.agent-question pre{max-height:200px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#c3ac95;font-size:10px}.agent-question textarea{border:1px solid #6d4930;border-radius:6px;padding:9px;margin-bottom:12px}.dialog-actions{display:flex;gap:10px;margin-top:16px}.dialog-close{position:absolute;right:14px;top:8px;border:0;background:none;font-size:25px;color:#bda58f}#connect-dialog{max-width:460px}#connect-dialog label{display:block;color:#d7b494;font-size:11px;margin-top:15px}#connect-dialog input{display:block;background:#191512;border:1px solid #5f4431;border-radius:6px;padding:10px;color:#eee2d6;width:100%;font:12px 'DM Sans',sans-serif;margin-top:5px}#connection-error{color:#ffad8c;font-size:11px}.prototype{cursor:pointer}#older-messages{margin-bottom:8px}#build-messages{max-height:500px;overflow:auto}@media(max-width:1000px){.live-grid{grid-template-columns:1fr}.live-preview{min-height:400px}#live-frame{height:550px}}@media(max-width:600px){.builder-heading{align-items:flex-start;flex-direction:column}.builder-heading h1{font-size:28px}.live-grid{display:block}.live-preview{margin-top:22px}#connect-dialog{max-width:90vw;padding:25px}}
.agent-question select{width:100%;padding:10px;background:#201910;color:#edcead;border:1px solid #725035;border-radius:6px;margin:12px 0}

.agent-question fieldset{border:0;padding:0;margin:16px 0}.agent-question legend{font-weight:600;margin-bottom:10px}.question-option{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #40352c;border-radius:8px;margin:6px 0;cursor:pointer}.question-option input{width:auto;accent-color:#ff934d}.agent-question label>input[type=password]{display:block;width:100%;margin:8px 0 14px;padding:10px;background:#171616;color:#fff;border:1px solid #40352c;border-radius:8px}.agent-question summary{cursor:pointer}

/* Chat is the primary workspace. */
#builder-view{padding-top:12px}.builder-heading h1{font-size:clamp(24px,3vw,36px)}.live-grid{grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:stretch}.build-chat{display:flex;flex-direction:column;min-height:570px;max-height:calc(100vh - 235px);overflow:auto}#build-messages{flex:1}#followup-form{position:sticky;bottom:0;background:#201d1b;padding-top:16px;margin-top:24px}#followup{min-height:110px}#preview-message{min-height:420px;display:grid;place-items:center;text-align:center;padding:40px;color:#b2a498;background:radial-gradient(ellipse at center,#31251b,transparent 65%)}#preview-message[hidden]{display:none}.live-preview{min-height:570px}.chat-suggestion{display:block;width:100%;padding:12px 14px;text-align:left;background:#302820;color:#f1d4b5;border:1px solid #4b3928;border-radius:10px;margin:10px 0;cursor:pointer}.chat-suggestion:hover{border-color:#ef9850}.agent-question{flex-shrink:0}@media(max-width:1000px){.live-grid{grid-template-columns:1fr}.build-chat{max-height:none;min-height:420px}.live-preview{min-height:420px}}
@media(min-width:1001px){.builder-heading{margin:16px 0 12px}.builder-heading h1{margin:8px 0;font-size:28px}.build-chat,.live-preview{height:calc(100dvh - 320px);min-height:370px;max-height:none}.build-chat{overflow:hidden}#build-messages{min-height:0;overflow:auto;padding-right:6px}#build-questions{max-height:45%;overflow:auto}#followup-form{position:static;flex-shrink:0;margin-top:12px;padding:12px}#followup-form textarea{min-height:70px;height:70px}#preview-message{min-height:0;height:calc(100% - 65px);margin:0}.live-preview iframe{height:calc(100% - 65px);min-height:0}.chat-suggestion{padding:9px 12px;margin:6px 0}}
.question-actions{display:flex;gap:10px;flex-wrap:wrap}