:root{--background:#131415;--foreground:#f3f1eb;--card:#1b1c1e;--card-foreground:#f3f1eb;--popover:#202123;--popover-foreground:#f3f1eb;--primary-foreground:#171718;--secondary:#26272a;--secondary-foreground:#f3f1eb;--muted:#242528;--muted-foreground:#979799;--accent:#303133;--border:#ffffff12;--input:#ffffff14;--radius:.65rem}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#131415;color:#eeede8}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{transition:background .18s,border-color .18s,color .18s,transform .18s}button:not(:disabled),summary{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #d1fe17;outline-offset:4px}a svg,button svg{flex-shrink:0}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:208px;flex-shrink:0;position:fixed;inset:0 auto 0 0;border-right:1px solid #ffffff0b;padding:32px 16px 18px;background:#171819;z-index:20;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px;font-weight:800;letter-spacing:-1.4px}.brand-dot{color:#d1fe17}.mark{display:inline-flex;width:31px;height:34px;position:relative;flex-shrink:0;transform:rotate(-8deg)}.mark i{position:absolute;display:block;background:#d1fe17;border-radius:3px;width:12px;height:28px;transform:skewY(-23deg)}.mark i:first-child{left:0;top:5px}.mark i:last-child{left:17px;top:0}.mark-small{width:17px;height:18px}.mark-small i{width:7px;height:15px;border-radius:1.5px}.mark-small i:first-child{top:3px}.mark-small i:last-child{left:9px}.workspace-label{letter-spacing:1.4px;color:#747478;margin:37px 10px 15px}.nav-item{display:flex;width:100%;align-items:center;padding:13px 12px;color:#98999a;border:1px solid transparent;border-radius:7px;margin:3px 0}.nav-item:hover{background:#ffffff05;color:#fff}.nav-item.active{color:#d7f86b;background:#d1fe170e;border-color:#d1fe1714}.nav-dot{width:5px;height:5px;background:#d1fe17;border-radius:50%;margin-left:auto}.nav-count{font-size:10px;background:#ffffff0a;padding:2px 6px;border-radius:4px;margin-left:auto}.sidebar-bottom{padding-top:50px}.tiny-studio{border:1px solid #ffffff0a;border-radius:9px;padding:17px 13px;background:linear-gradient(135deg,#22251b,#191a1b)}.tiny-studio>svg{color:#d5f77a;margin-bottom:13px}.tiny-studio strong{display:block;font-size:11px}.tiny-studio p{font-size:11px;color:#929194;line-height:1.7;margin-top:7px}.tiny-studio button{display:flex;gap:13px;align-items:center;color:#ccc7c0;margin-top:16px}.connection{display:flex;align-items:center;padding:23px 4px 0;color:#c8c8c5;font-size:11px}.connection small{display:block;font-size:9px;color:#77797a;margin-top:4px}.connection>svg{margin-left:auto;color:#727578}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a3a19a;flex-shrink:0}.status-dot.connected{background:#b9d6b5;box-shadow:0 0 9px #b9d6b544}.main-shell{margin-left:208px;width:calc(100% - 208px)}.topbar{height:69px;border-bottom:1px solid #ffffff0b;justify-content:space-between;padding:0 34px}.breadcrumbs,.topbar{display:flex;align-items:center}.breadcrumbs{gap:12px;color:#797a7d;font-size:11px}.breadcrumbs strong{font-weight:400;color:#c7c8c6}.top-actions{gap:20px}.save-state,.top-actions{display:flex;align-items:center}.save-state{gap:6px;color:#838588;font-size:10px}.save-button{font-size:11px;height:31px;border-radius:6px;background:#202123}.avatar{border:1px solid #4a5539;border-radius:50%;width:28px;height:28px;font-size:11px;color:#d4e3b0;background:#2a3322}main{max-width:1720px;margin:auto;padding:34px}.page-heading{justify-content:space-between;margin-bottom:29px;gap:20px}.eyebrow,.page-heading{display:flex;align-items:center}.eyebrow{font-size:8px;letter-spacing:1.6px;font-weight:600;color:#969593;gap:7px}.eyebrow>span{height:4px;width:4px;border-radius:50%;background:#d1fe17}.page-heading h1{font-size:clamp(23px,2.4vw,37px);letter-spacing:-1.3px;font-weight:500;line-height:1.2;margin:11px 0 9px}.page-heading h1 em{font-style:normal;color:#d1fe17}.page-heading p{font-size:12px;color:#929293;margin:0}.new-project{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ffffff17;padding:9px 12px;border-radius:7px;white-space:nowrap;font-size:10px;color:#b9b8b7}.new-project:hover{background:#242527}.studio-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1.14fr) minmax(228px,.82fr);border:1px solid #ffffff12;border-radius:12px;overflow:hidden;background:#1b1c1e;align-items:stretch}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 19px;border-bottom:1px solid #ffffff0b;height:55px;font-size:8px;letter-spacing:1.1px;color:#adacaa}.panel-heading>span{display:flex;align-items:center;gap:7px}.panel-heading svg{color:#858585}.draft-label{font-size:7px;letter-spacing:1px;color:#aaa39a;padding:4px 5px;background:#ffffff05;border:1px solid #ffffff0c;border-radius:3px}.control-panel{min-width:0}.editor-tabs{gap:0!important}.step-tabs{margin:17px 18px 0;padding:3px!important;display:grid!important;grid-template-columns:repeat(3,1fr);width:calc(100% - 36px);height:34px!important;border:1px solid #ffffff0b;background:#151617!important;border-radius:6px!important}.step-tabs button{font-size:10px!important;padding:5px 3px!important;height:26px!important;gap:5px!important;color:#8c8b89!important;border-radius:4px!important}.step-tabs button>span{font-size:8px;color:#686765}.step-tabs button[data-state=active]{background:#313133!important;color:#f5f1eb!important;box-shadow:none!important}.step-tabs button[data-state=active]>span{color:#d1fe17}.editor-content{padding:20px 20px 21px;min-width:0}.editor-intro h2{font-size:16px;letter-spacing:-.5px;font-weight:500;margin:0 0 7px}.editor-intro p{font-size:10px;color:#8f9091;margin:0 0 24px;line-height:1.6}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:600;letter-spacing:.9px;color:#acaaa6;margin:0 0 9px}.field-label>svg{color:#99a97a}.field-label>span{font-weight:400;font-size:8px;letter-spacing:0;color:#717274}.prompt-input{height:132px!important;min-height:132px!important;resize:vertical;font-size:11px!important;line-height:1.8!important;padding:11px!important;background:#151617!important;color:#c0c0bc!important;border-color:#ffffff10!important;border-radius:6px!important;box-shadow:none!important}.prompt-footer{font-size:8px;color:#676b6c;margin:8px 0 21px}.prompt-footer,.settings-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-row{border:1px solid #ffffff0c;border-radius:6px;padding:12px 10px;margin:0 0 18px;background:#ffffff02}.settings-row .field-label{font-size:7px;color:#787b7d;margin:0 0 7px}.settings-row strong{font-size:10px;font-weight:400;display:flex;align-items:center;gap:9px;color:#c6c5c2}.settings-row strong>svg{color:#b6ca8a}.format-outline{height:12px;width:7px;border:1px solid #878988;border-radius:1px}.settings-row select{max-width:95px;font-size:10px;background:#1b1c1e;border:0;color:#c6c5c2}.generate-button{width:100%;height:39px!important;display:flex!important;gap:8px!important;background:#d1fe17!important;color:#172000!important;border-radius:6px!important;font-size:11px!important;box-shadow:0 3px 15px #d1fe1708;font-weight:600!important}.generate-button>svg:last-child{margin-left:auto}.billing-note{color:#797b7f;font-size:9px;line-height:1.65;text-align:center;margin:10px 0 0}.billing-note a{white-space:nowrap;color:#bac6a6}.or-divider{display:flex;align-items:center;justify-content:center;gap:12px;font-size:9px;color:#77797c;margin:22px 0 15px}.or-divider>span{height:1px;background:#ffffff0a;flex:1}.upload-zone{border:1px dashed #ffffff22;border-radius:6px;display:flex;align-items:center;flex-direction:column;width:100%;padding:15px 8px;gap:7px;background:#ffffff02}.upload-zone:hover{background:#d1fe1708;border-color:#d1fe1755}.upload-zone svg{color:#8f9290}.upload-zone strong{font-size:10px;color:#bfc1bf;font-weight:400}.upload-zone small{font-size:8px;color:#737579}.preview-panel{min-width:0;background:radial-gradient(ellipse at 50% 50%,#29321d 0,#202023 49%,#191b1d 85%);border-left:1px solid #ffffff0b;border-right:1px solid #ffffff0b;display:flex;flex-direction:column;position:relative}.preview-top{justify-content:space-between;padding:20px 20px 0;font-size:8px;letter-spacing:1px;color:#909495}.preview-top,.preview-top>span{display:flex;align-items:center}.preview-top>span{gap:7px}.preview-stage{position:relative;display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;min-height:520px;padding:25px 20px 19px;isolation:isolate;overflow:hidden}.stage-ring{border:1px solid #ffffff05;border-radius:50%;width:540px;height:540px;position:absolute;z-index:-1}.ring-two{width:425px;height:425px}.phone{height:440px;aspect-ratio:9/16;border:5px solid #323335;box-shadow:0 20px 55px #0008,0 0 0 1px #4f5748;border-radius:26px;position:relative;overflow:hidden;background:#0b0c0e}.phone-art{position:absolute;inset:0;background-size:300% auto;background-image:url(/concepts.png)}.concept-0{background-position:0 50%}.concept-1{background-position:50% 50%}.concept-2{background-position:100% 50%}.phone-art>img,.phone-art>video{width:100%;height:100%;object-fit:cover}.phone-top{position:absolute;top:0;left:0;right:0;padding:18px 13px;background:linear-gradient(#0007,transparent);display:flex;align-items:center;justify-content:space-between;gap:6px}.phone-top>span:first-child{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700}.phone-top .mark{transform:scale(.7) rotate(-8deg);margin-right:-2px}.sample-badge{font-size:5.5px;letter-spacing:.7px;border:1px solid #ffffff40;background:#171b1640;padding:4px;border-radius:3px;color:#e3ddd8}.phone-copy{position:absolute;bottom:0;left:0;right:0;padding:75px 15px 18px;background:linear-gradient(transparent,#10140eaa 24%,#10140ef5 90%)}.phone-token{font-size:7px;letter-spacing:1px;color:#d3ec9b}.phone-copy h2{font-size:26px;font-weight:900;letter-spacing:-1.4px;margin:6px 0 4px;line-height:1;overflow-wrap:anywhere}.phone-copy h2>span{font-size:9px;vertical-align:top;display:inline-block;padding:1px 0 0 2px;font-weight:400}.phone-copy>p{font-size:9px;line-height:1.5;color:#d6dcd0;max-width:195px}.phone-bottom{border-top:1px solid #ffffff1a;padding-top:13px;margin-top:19px;display:flex;align-items:center;justify-content:space-between}.phone-bottom>span{font-size:5px;letter-spacing:.6px;color:#afb8a1;max-width:150px}.phone-bottom svg{color:#d1fe17}.preview-caption{display:flex;align-items:center;gap:6px;font-size:8px;color:#747575;margin-top:15px}.preview-toolbar{display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff0a;padding:15px 20px;font-size:9px;color:#777d7f}.preview-toolbar>span{display:flex;align-items:center;gap:7px;flex:1}.network{font-size:6.5px;letter-spacing:.7px;white-space:nowrap}.network>i{width:5px;height:5px;background:#c7d4bc;border-radius:50%}.identity-content{padding:24px 20px 18px}.identity-avatar{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#192211;font-size:18px;font-weight:600;margin-bottom:14px;box-shadow:0 0 25px #d1fe170c}.identity-content h2{font-size:20px;letter-spacing:-.6px;font-weight:500;margin:0 0 7px}.identity-content>p{font-size:10px;color:#858a8c;line-height:1.65;margin:0 0 22px}.identity-content input,.identity-content textarea{background:#151718!important;border:1px solid #ffffff10!important;box-shadow:none!important;font-size:10px!important;color:#c2c5c2!important;border-radius:6px!important;height:35px;margin-bottom:17px}.identity-content textarea{height:80px;min-height:80px;resize:vertical;line-height:1.8;padding:10px}.ticker-input{position:relative}.ticker-input>span{position:absolute;top:11px;left:11px;color:#656b69;font-size:11px}.ticker-input input{padding-left:26px}.links-details{border-top:1px solid #ffffff09;padding-top:13px;font-size:9px;color:#8f9494}.links-details summary{display:flex;align-items:center;justify-content:space-between;list-style:none}.links-details[open] summary{margin-bottom:18px}.identity-footer{border-top:1px solid #ffffff09;display:flex;align-items:center;gap:7px;padding-top:15px;margin-top:18px;color:#777e7c;font-size:8px}.identity-footer .status-dot{width:4px;height:4px;background:#b2a279}.concept-section{margin-top:29px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.section-heading h2{font-size:17px;font-weight:500;letter-spacing:-.5px;margin:7px 0 0}.section-heading .eyebrow{font-size:7px;letter-spacing:1.5px;color:#777d7e}.example-label{display:flex;align-items:center;gap:9px;color:#74787a;font-size:7px;letter-spacing:1px}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.concept-card{height:138px;border:1px solid #ffffff12;border-radius:8px;overflow:hidden;background:#1d1e20;display:flex;text-align:left;align-items:center;position:relative;isolation:isolate}.concept-card:hover{border-color:#d1fe1765;transform:translateY(-2px)}.concept-card.selected{border-color:#d1fe1740}.concept-art{height:100%;width:125px;flex-shrink:0;background-image:url(/concepts.png);background-size:300% auto;mask-image:linear-gradient(90deg,#000 65%,transparent)}.concept-text{padding:14px 10px 14px 2px;z-index:1;min-width:0}.concept-type{font-size:6px;letter-spacing:1.2px;color:#9faa92}.concept-text h3{font-weight:700;font-size:15px;letter-spacing:-.5px;margin:7px 0 5px}.concept-text p{font-size:9px;line-height:1.5;color:#8c9293;max-width:155px}.concept-arrow{position:absolute;right:10px;top:11px;color:#94918b}.concept-arrow>svg{width:13px;height:13px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff09;margin-top:31px;color:#6f7476;font-size:9px;gap:15px}footer>button,footer>span{display:flex;align-items:center;gap:9px}footer .mark{transform:scale(.65) rotate(-8deg);opacity:.7}footer .mark i{background:#9dab81}.wide{width:100%;margin-top:10px;font-size:10px;height:38px}.pump-link{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d1fe1740;color:#d8f887;padding:13px;border-radius:6px;margin-top:18px;font-size:11px}.pump-link:hover{background:#d1fe1710}.muted-link{border-color:#ffffff16;color:#a5a4a0}.checklist{display:flex;flex-direction:column;gap:16px;font-size:11px;color:#b1b4b1;margin:27px 0 30px}.checklist>div{gap:9px}.check,.checklist>div{display:flex;align-items:center}.check{border:1px solid #ffffff18;width:19px;height:19px;justify-content:center;border-radius:50%}.check.complete{color:#b7c5a9;background:#b7c5a915;border-color:#b7c5a920}.launch-note{margin:18px 0}.sound-toggle{display:flex;align-items:center;gap:8px;color:#a5aba7;font-size:11px;margin:20px 0;accent-color:#d1fe17}.job-status{margin:0 18px 18px;padding:11px;border:1px solid #d1fe1730;border-radius:6px;display:flex;gap:9px;font-size:10px;color:#e2f6bd}.job-status svg{flex-shrink:0}.job-status small{display:block;overflow-wrap:anywhere;color:#888;font-size:8px}.job-status p{font-size:9px;margin:6px 0}.job-status button{font-size:9px;text-decoration:underline;margin-top:9px}.spin{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading{height:100vh;display:flex;align-items:center;justify-content:center;gap:20px;color:#999;font-size:13px}.projects-view{min-height:500px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-content:start}.empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:460px;border:1px dashed #ffffff14;border-radius:12px;gap:16px;color:#a9aba8}.empty h2{font-size:24px;color:#eee;letter-spacing:-.5px}.empty p{font-size:12px;margin-bottom:15px}.saved-project{display:flex;align-items:center;gap:17px;padding:16px;text-align:left;border:1px solid #ffffff13;border-radius:9px;background:#1b1c1e}.saved-project h3{font-size:16px}.saved-project p{font-size:10px;color:#888;margin-top:6px}.saved-project>svg{margin-left:auto}.project-thumb{width:65px;height:82px;background-image:url(/concepts.png);background-size:300% auto;border-radius:6px}.connect-dialog,.help-dialog{background:#202123!important;border-color:#ffffff15!important;color:#eee!important;padding:30px!important;gap:17px!important}.connect-dialog h2,.help-dialog h2{font-size:23px;letter-spacing:-.6px}.connect-dialog [data-slot=dialog-description],.help-dialog [data-slot=dialog-description]{font-size:12px;line-height:1.6;color:#999}.connection-explainer{display:flex;align-items:flex-start;gap:14px;padding:15px;border:1px solid #d1fe1720;border-radius:7px;background:#d1fe1706}.connection-explainer>svg{color:#d5f77a;width:23px;flex-shrink:0}.connection-explainer strong{font-size:12px}.connection-explainer p,.dialog-note{font-size:11px;color:#979b9b;line-height:1.7}.connection-explainer p{margin-top:5px}.connect-dialog .field-label{margin:0}.external-help{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#d7ebaa}.help-step{display:flex;gap:15px;padding:11px 0}.help-step>span{color:#d5f77a;font-size:12px;margin-top:2px}.help-step h3{font-size:14px;margin-bottom:7px}.help-step p{font-size:12px;color:#999;line-height:1.7}@media(min-width:1550px){main{padding:40px 45px}.studio-grid{grid-template-columns:1fr 1.18fr .9fr}.phone{height:500px}.preview-stage{min-height:595px}.prompt-input{height:170px!important}.identity-content{padding:27px}.editor-content{padding:25px}.concept-card{height:155px}.concept-art{width:145px}.concept-text h3{font-size:19px}}@media(max-width:1200px){.sidebar{width:178px;padding:27px 11px 16px}.brand{font-size:26px;gap:9px}.main-shell{margin-left:178px;width:calc(100% - 178px)}main{padding:25px 22px}.topbar{padding:0 22px}.studio-grid{grid-template-columns:minmax(250px,1fr) minmax(260px,1fr)}.identity-panel{grid-column:1/-1;border-top:1px solid #ffffff12}.identity-content{display:grid;grid-template-columns:110px 1fr 1fr;gap:8px 22px}.identity-content>.identity-avatar{grid-row:1/3;margin:0}.identity-content>h2,.identity-content>p{grid-column:1;margin:0}.identity-content>.field-label,.identity-content>.ticker-input,.identity-content>input,.identity-content>textarea{grid-column:auto}.identity-content>.field-label{align-self:end}.identity-content{display:block;column-count:2;column-gap:30px}.identity-content>*{break-inside:avoid}.identity-content .identity-avatar{margin-bottom:12px}.identity-content>p{margin-bottom:18px}.identity-content .field-label{margin-bottom:8px}.identity-content .links-details{break-inside:avoid}.concept-art{width:95px}.concept-text h3{font-size:12px}.concept-text p{font-size:8px}.concept-card{height:125px}.phone{height:445px}.panel-heading{padding:17px}.preview-stage{padding:25px 17px 18px}}@media(max-width:850px){.sidebar{width:68px;padding:27px 10px 15px;align-items:center}.brand{padding:0}.brand>span:last-child,.nav-item:not(svg),.nav-item>span,.workspace-label{font-size:0}.brand .mark{width:31px}.sidebar nav{margin-top:35px;width:100%}.nav-item{padding:13px;justify-content:center}.nav-item svg{width:19px}.tiny-studio{display:none}.connection{font-size:0;justify-content:center}.connection small,.connection>span:nth-child(2),.connection>svg{display:none}.connection .status-dot{width:7px;height:7px}.main-shell{margin-left:68px;width:calc(100% - 68px)}.page-heading h1{font-size:26px}.new-project{font-size:0;padding:10px}.new-project svg{width:17px}.topbar{height:62px}.save-state{display:none}.top-actions{gap:12px}.concept-grid{grid-template-columns:1fr}.concept-card{height:120px}.concept-art{width:145px;background-position-y:40%}.concept-text h3{font-size:20px}.concept-text p{font-size:11px}.concept-type{font-size:8px}.projects-view{grid-template-columns:1fr}}@media(max-width:630px){.sidebar{width:100%;height:62px;bottom:auto;flex-direction:row;padding:13px 18px;border-right:none;border-bottom:1px solid #ffffff12;gap:22px;background:#171819f5;backdrop-filter:blur(12px)}.brand .mark{transform:scale(.8) rotate(-8deg)}.sidebar nav{margin:0;display:flex;width:auto;flex:1;gap:5px}.nav-item{padding:8px 11px;margin:0;width:auto}.sidebar-bottom{padding:0;margin:0}.connection{padding:10px}.main-shell{margin:62px 0 0;width:100%}.topbar{height:54px;padding:0 18px}.breadcrumbs{font-size:9px;gap:8px}.save-button{font-size:10px}.avatar{display:none}main{padding:25px 16px}.page-heading{margin-bottom:23px;gap:6px}.page-heading h1{font-size:27px;line-height:1.12;letter-spacing:-1px;max-width:280px}.page-heading h1 em{display:block}.page-heading p{font-size:10px;max-width:280px;line-height:1.5}.eyebrow{font-size:7px;letter-spacing:1.2px}.studio-grid{grid-template-columns:1fr}.preview-panel{grid-row:1;border:0;border-bottom:1px solid #ffffff12}.preview-stage{min-height:470px;padding-top:20px}.phone{height:405px}.preview-toolbar{padding:12px 18px}.preview-top{padding:16px 18px 0}.control-panel{border-bottom:1px solid #ffffff12}.identity-panel{grid-column:auto;border:0}.identity-content{column-count:1;padding:22px}.identity-content>.identity-avatar{margin-bottom:15px}.identity-content>p{margin:8px 0 22px}.identity-content .field-label{margin-bottom:9px}.identity-content h2{font-size:22px}.identity-content input{height:40px}.identity-content input,.identity-content textarea{font-size:12px!important}.ticker-input>span{top:13px}.editor-content{padding:22px}.prompt-input{font-size:12px!important;height:150px!important}.field-label{font-size:9px}.editor-intro h2{font-size:19px}.editor-intro p{font-size:11px}.settings-row strong{font-size:12px}.generate-button{height:43px!important;font-size:12px!important}.billing-note{font-size:10px}.example-label{display:none}.section-heading h2{font-size:18px}.concept-card{height:133px}.concept-art{width:150px}.concept-text h3{font-size:19px}.concept-text p{font-size:10px}.concept-type{font-size:7px}footer{font-size:8px}footer>span{max-width:190px;line-height:1.5}.connect-dialog,.help-dialog{max-height:90dvh;overflow:auto;padding:24px!important}.empty{padding:25px}.empty h2{font-size:20px}.empty p{text-align:center}.sound-toggle{font-size:12px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.concept-art,.project-thumb{background-position-y:30%}:root{color-scheme:dark;--brand-lime:#d1fe17;--background:#0c0d0f;--foreground:#f2f2ef;--card:#17181b;--card-foreground:#f2f2ef;--popover:#1c1d20;--popover-foreground:#f2f2ef;--primary:#d1fe17;--primary-foreground:#141807;--secondary:#242529;--secondary-foreground:#eeeeeb;--muted:#242529;--muted-foreground:#96989f;--accent:#2b2d32;--accent-foreground:#fff;--border:#ffffff13;--input:#ffffff1c;--ring:#d1fe17}.main-shell,.shell,body{background:var(--background);color:var(--foreground)}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--brand-lime)}.sidebar{background:var(--brand-lime);color:#172006;border-color:#17200620}.sidebar a:focus-visible,.sidebar button:focus-visible{outline-color:#172006}.sidebar .brand,.sidebar .brand-dot{color:#172006}.sidebar .mark i{background:#172006}.workspace-label{color:#455314}.nav-item{color:#37440d}.nav-item:hover{background:#1720060c;color:#111708}.nav-item.active{background:#1b250e;color:#e5eec3;border-color:#1b250e;box-shadow:none}.nav-item.active>svg{color:var(--brand-lime)}.nav-dot{background:var(--brand-lime)}.nav-count{background:#17200610;color:inherit}.nav-item.active .nav-count{background:#d1fe1720}.tiny-studio{background:#ffffff18;border-color:#17200624}.tiny-studio button,.tiny-studio>svg{color:#34410e}.tiny-studio p{color:#455314}.connection{color:#27350a}.connection small,.connection>svg{color:#4b591d}.connection .status-dot{background:#55642a}.connection .status-dot.connected{background:#26390c;box-shadow:0 0 0 3px #17200612}.topbar{background:#101113;border-color:#ffffff0c}.breadcrumbs,.save-state{color:#7d828c}.breadcrumbs strong{color:#c3c6ce}.save-button{background:#1b1d21;border-color:#ffffff16;color:#d8dbe1;box-shadow:none}.save-button:hover{background:#25282d;border-color:#ffffff30}.avatar{color:#d7dbe2;background:#252830;border-color:#ffffff13}footer{background:transparent;color:#777e89;border-color:#ffffff0c;padding:22px 0 0;border-radius:0}footer .mark{opacity:.8}footer .mark i{background:#909986}footer>button{color:#a7adb6}footer>button:hover{color:#ecf0e5}.page-heading h1{font-weight:600}.page-heading h1 em{color:#f2f2ef}.eyebrow{color:#979ca4}.eyebrow>span{background:var(--brand-lime)}.page-heading p{color:#9297a1}.new-project{background:#15171a;border-color:#ffffff1a;color:#bfc5ce}.new-project:hover{background:#22252b;border-color:#ffffff32}.studio-grid{border-color:#ffffff15;box-shadow:0 18px 50px #0003}.control-panel,.identity-panel,.studio-grid{background:#17181b}.panel-heading{color:#9ca3ad;border-color:#ffffff0b}.draft-label{background:#ffffff03;color:#949ca6;border-color:#ffffff10}.step-tabs{background:#101114!important;border-color:#ffffff0e}.step-tabs button{color:#9499a2!important}.step-tabs button[data-state=active]{background:#2b2d33!important;color:#f1f3ed!important}.step-tabs button[data-state=active]>span{color:#c4d49c}.field-label{color:#aeb5bf}.field-label>svg,.settings-row strong>svg{color:#9da994}.editor-intro p,.identity-content>p{color:#989eaa}.identity-content input,.identity-content textarea,.prompt-input{background:#101114!important;border-color:#ffffff16!important;color:#cbd0d9!important}.billing-note,.or-divider,.prompt-footer,.upload-zone small{color:#878f9b}.billing-note a{color:#bfc8b4}.settings-row{border-color:#ffffff0e}.settings-row,.settings-row select{background:#1c1e22}.settings-row .field-label{color:#9199a5}.generate-button{background:var(--brand-lime)!important;color:#172007!important;box-shadow:0 4px 18px #d1fe1708}.generate-button:hover{background:#dfff65!important}.upload-zone{background:#1a1c20;border-color:#ffffff22}.upload-zone:hover{background:#21242a;border-color:#98a18e}.preview-panel{background:radial-gradient(ellipse at 50% 43%,#292c32 0,#1c1e23 52%,#15171b 100%);border-color:#ffffff0c}.preview-caption,.preview-toolbar,.preview-top{color:#929aa6}.preview-toolbar{border-color:#ffffff0c}.stage-ring{border-color:#ffffff04}.phone{border-color:#33363d;box-shadow:0 24px 48px #0009,0 0 0 1px #626b7940}.phone .mark i{background:#e4e9dc}.phone-bottom svg,.phone-token{color:#d7dfc7}.identity-avatar{background:#2b3036!important;color:#e4e9df;box-shadow:0 0 0 1px #ffffff12}.identity-footer{color:#909aa6}.concept-card,.saved-project{background:#181a1e;border-color:#ffffff13}.concept-card.selected{border-color:#a5b38c50}.concept-card:hover{border-color:#aab69b80;background:#1e2126}.concept-text h3{color:#f0f2ed}.concept-type{color:#a5af9c}.concept-text p{color:#98a0ab}.concept-arrow{color:#9aa4ae}.pump-link{color:#dae2ce;border-color:#a4b38d30}.pump-link:hover{background:#d1fe1708}.sound-toggle{accent-color:var(--brand-lime)}.job-status{background:#1d2123;border-color:#ffffff1c;color:#d2decd}.connect-dialog,.help-dialog{background:#1b1d21!important;border-color:#ffffff1c!important}.connection-explainer{background:#d1fe1705;border-color:#d1fe1715}.connection-explainer>svg,.external-help,.help-step>span{color:#c8d6ad}@media(max-width:630px){.sidebar{background:var(--brand-lime);border-color:#17200620}}.wallet-button{display:inline-flex;align-items:center;gap:7px}.wallet-list{display:grid;gap:10px}.wallet-list button{justify-content:flex-start;height:46px}.wallet-list button svg:last-child{margin-left:auto}.wallet-address{display:grid;gap:10px;padding:16px;background:#101114;border:1px solid #ffffff12;border-radius:8px}.wallet-address code{overflow-wrap:anywhere;font-size:12px}.wallet-address span{color:#a1ac93;font-size:12px}.wallet-empty{font-size:13px;line-height:1.7;color:#aeb5bf}.wallet-empty a{color:#d1fe17;margin-top:12px}.launch-network,.wallet-empty a{display:flex;align-items:center;gap:7px}.launch-network{color:#c1cab3;font-size:11px;padding:10px;background:#101214;border:1px solid #ffffff10;border-radius:6px}.launch-network>span:last-child{margin-left:auto;color:#878f9b}.launch-checklist{margin:20px 0;gap:13px}.launch-image-control{display:flex;align-items:center;gap:10px;padding:12px;width:100%;border:1px dashed #ffffff26;border-radius:6px;background:#1c1e22;margin:12px 0;text-align:left;font-size:11px}.launch-image-control span{flex:1;min-width:0;overflow-wrap:anywhere}.launch-image-control small{display:block;font-size:9px;color:#939aa6;margin-top:5px}.launch-storage{display:flex;gap:6px;align-items:center;color:#c5d3ad;font-size:11px;padding:4px 0 15px}.launch-error{border:1px solid #efaa6f30;color:#efc7a8;background:#efaa6f08;padding:12px;font-size:12px;line-height:1.6;border-radius:6px;margin-top:12px;overflow-wrap:anywhere}.launch-downloads{border-top:1px solid #ffffff0c;margin-top:22px;padding-top:14px;font-size:11px;color:#939ba8}.launch-downloads summary{cursor:pointer}.launch-result{border:1px solid #ffffff20;border-radius:7px;background:#111416;padding:14px;margin-bottom:16px}.launch-result.is-confirmed{border-color:#d1fe1750}.launch-result strong{font-size:13px;color:#dceac4}.launch-result p{font-size:11px;line-height:1.6;color:#9da8b1;margin:9px 0}.launch-result code{display:block;overflow-wrap:anywhere;font-size:10px;color:#c2cbbc}.launch-result>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:10px}.launch-result button{display:flex;gap:5px;align-items:center}.launch-review dl{display:grid;gap:13px;font-size:13px}.launch-review dl>div{display:flex;justify-content:space-between;gap:20px}.launch-review dt{color:#969fab}.launch-review dd{text-align:right;color:#e8eddf;overflow-wrap:anywhere}.launch-review dl>div:nth-last-child(2){border-top:1px solid #ffffff12;padding-top:14px}@media(max-width:630px){.top-actions{gap:6px}.save-button,.wallet-button{padding:6px 9px;font-size:9px}.topbar .breadcrumbs{max-width:115px}}.launch-hidden{display:none!important}.token-address-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:13px 16px;margin-bottom:27px;border:1px solid #d1fe172b;background:#d1fe1706;border-radius:9px}.token-address-label{display:flex;gap:8px;align-items:center;color:#d1fe17;font-size:10px;font-weight:700;letter-spacing:1px}.token-address-label>span{color:#8d9782;font-size:9px}.token-address-bar>code{color:#d4d9cd;font-size:11px;overflow-wrap:anywhere;user-select:all;min-width:0}.token-address-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.token-address-actions a,.token-address-actions button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;border-radius:5px;padding:7px 10px}.token-address-actions button{color:#d3d9ca;border:1px solid #ffffff18}.token-address-actions a{background:#d1fe17;color:#172006;font-weight:600}.token-address-actions button:hover{background:#ffffff0a}.token-address-actions a:hover{background:#e0ff68}@media(max-width:630px){.token-address-bar{gap:10px;padding:13px;margin-bottom:23px}.token-address-bar>code{flex-basis:100%;font-size:10px;line-height:1.7}.token-address-actions{margin-left:0;width:100%}.token-address-actions a,.token-address-actions button{flex:1;padding:9px}}.sidebar{width:220px;padding:25px 14px 15px;overflow-y:auto}.main-shell{margin-left:220px;width:calc(100% - 220px)}.brand{padding:0 2px;gap:7px;font-size:29px}.brand-mark{width:43px;height:43px;object-fit:contain;border-radius:11px;flex-shrink:0}.brand-mark-small{width:22px;height:22px;border-radius:5px}.workspace-label{margin:23px 10px 10px;font-size:8px;line-height:1.6}.sidebar nav{margin-top:0}.nav-group-label{margin:21px 11px 8px;font-size:8px;letter-spacing:1.8px;font-weight:600;color:#4a591b}.nav-item{min-height:42px;gap:11px;margin-bottom:3px;padding:11px 12px;border-radius:8px;font-size:12px;text-align:left}.nav-text{white-space:nowrap}.nav-item.active{color:#e9ffad}.nav-external{opacity:.6}.nav-count,.nav-dot,.nav-external{margin-left:auto}.sidebar-bottom{padding-top:28px;margin-top:auto}.tiny-studio{padding:15px 12px;border-radius:10px}.studio-note{display:block;font-size:7px;letter-spacing:1.2px;color:#435314;margin-bottom:10px}.tiny-studio strong{font-size:13px;line-height:1.5;margin:0}.tiny-studio button{font-size:10px;margin-top:12px;gap:6px}.connection{width:100%;padding:17px 4px 0;gap:9px;text-align:left}.connection>img{object-fit:contain;flex-shrink:0}.connection>span{flex:1;font-size:12px;font-weight:600}.connection small{display:flex;align-items:center;gap:5px;font-size:8px;font-weight:400;margin-top:5px}.connection .status-dot{height:4px;width:4px;flex-shrink:0}.social-button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #ffffff18;border-radius:6px;color:#cdd1d7}.social-button:hover{color:var(--brand-lime);background:#ffffff08}.mobile-menu{display:none}#project-editor{scroll-margin-top:85px}.material-options{display:grid;gap:12px}.material-options>button{display:flex;align-items:center;gap:15px;border:1px solid #ffffff1c;background:#111316;border-radius:10px;padding:18px;text-align:left}.material-options>button>svg:first-child{color:var(--brand-lime)}.material-options>button>svg:last-child{margin-left:auto}.material-options small,.material-options strong{display:block}.material-options strong{font-size:13px;font-weight:600}.material-options small{color:#919ba7;font-size:11px;line-height:1.5;margin-top:5px}.wallet-dialog{max-width:475px!important}.wallet-install-list{display:grid;gap:10px;margin-top:20px}.wallet-install-list>a{margin:0;gap:14px;padding:16px;border:1px solid #ffffff18;border-radius:11px;background:#121417;color:#f0f2ed}.wallet-install-list>a:hover{border-color:#d1fe1770;background:#1e2220}.wallet-install-list>a>svg{margin-left:auto;color:#9aa2ad}.wallet-install-list small,.wallet-install-list strong{display:block}.wallet-install-list strong{font-size:14px;font-weight:600}.wallet-install-list small{color:#929ca8;font-size:11px}.wallet-logo{width:40px;height:40px;border-radius:10px;object-fit:contain;flex-shrink:0}.connected-wallet-name .wallet-logo,.wallet-list .wallet-logo{width:32px;height:32px;border-radius:8px}.wallet-list button{height:62px;gap:12px}.connected-wallet-name{display:flex;align-items:center;gap:12px}.wallet-detection{border-top:1px solid #ffffff10;margin-top:20px;padding-top:16px;display:flex;align-items:center;gap:7px;font-size:10px;color:#87918f}.wallet-detection>span{width:5px;height:5px;background:#8d9880;border-radius:50%}@media(max-height:800px) and (min-width:851px){.sidebar{padding-top:18px}.workspace-label{margin-top:12px}.nav-group-label{margin-top:13px}.nav-item{min-height:38px;padding-top:9px;padding-bottom:9px}.sidebar-bottom{padding-top:16px}.tiny-studio{padding:11px 12px}}@media(max-width:1100px) and (min-width:851px){.sidebar{width:200px;padding-right:10px;padding-left:10px}.main-shell{margin-left:200px;width:calc(100% - 200px)}.brand{font-size:26px;gap:4px}}@media(max-width:850px) and (min-width:631px){.sidebar{width:68px;padding:22px 8px 16px}.main-shell{margin-left:68px;width:calc(100% - 68px)}.brand-mark{width:40px;height:40px}.sidebar nav{margin-top:24px}.nav-external,.nav-group-label,.nav-item>.nav-count,.nav-item>.nav-dot,.nav-item>.nav-text{display:none}.nav-item{padding:12px;margin-bottom:6px}.sidebar-bottom{width:100%}.connection{padding:10px}.connection>span,.connection>svg{display:none}}@media(max-width:630px){.sidebar{height:66px;width:100%;padding:10px 16px;overflow:visible;justify-content:space-between}.brand{font-size:25px;padding:0;gap:4px}.brand>span:last-child{display:inline;font-size:25px}.brand-mark,.mobile-menu{width:40px;height:40px}.mobile-menu{display:flex;align-items:center;justify-content:center;border-radius:8px;background:#17200610}.sidebar nav,.sidebar-bottom,.workspace-label{display:none}.main-shell{margin:66px 0 0;width:100%}.sidebar.nav-open{height:100dvh;align-items:stretch;display:grid;grid-template-columns:1fr auto;grid-template-rows:46px auto 1fr auto;gap:0;overflow-y:auto;padding:10px 20px 20px}.nav-open .brand{width:fit-content}.nav-open .workspace-label{display:block;grid-column:1/-1;margin:10px 10px 0}.nav-open nav{display:block;grid-column:1/-1;width:100%;margin:0}.nav-open .nav-group-label{display:block;margin-top:18px}.nav-open .nav-item{display:flex;justify-content:flex-start;width:100%;padding:12px;margin-bottom:3px;font-size:13px}.nav-open .nav-text{font-size:13px;display:inline}.nav-open .nav-count{font-size:10px}.nav-open .sidebar-bottom{display:block;grid-column:1/-1;margin:0;padding:12px 0 0}.nav-open .tiny-studio{display:none}.nav-open .connection{justify-content:flex-start;border-top:1px solid #17200620}.nav-open .connection>span{display:block;font-size:12px}.nav-open .connection small,.nav-open .connection>svg{display:flex}.topbar{padding:0 12px}.topbar .breadcrumbs{max-width:100px;font-size:8px;gap:4px}.top-actions{gap:5px}.social-button{width:29px;height:29px;flex-shrink:0}.top-actions .save-button{padding:6px 7px;font-size:9px}}