@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
/* Readable controls across the original landing page and the Studio workspace. */
body{font-family:'DM Sans',Inter,system-ui,sans-serif}
button,a,input,textarea,select{font-size:14px}
.nav-links a,.nav-sign,.nav-cta,.nav-btn{font-size:15px!important}
.hero-copy p,.feature p,.feature-card p,.section-sub,.pricing-sub{font-size:17px!important;line-height:1.65!important}
.eyebrow,.pill,.tag,.badge,.label,.section-kicker,.footer-links a,.footer p,.copyright{font-size:12px!important}
.pane-title,.tree-row,.editor-tab,.editor-tabs button,.st-tab,.viewbtn,.editor-status,.avatar3d-hint,.bp-label,.bp-measure,.viewport-status,.viewport-toolbar button,.assistant-card,.ai-item,.assistant-title{font-size:12px!important}
.editor code,.code-lines,.code-editor{font-size:13px!important;line-height:1.6!important}
.auth-note,.grant,.risk,.auth-back,.perm-row,.permission-link,.auth-kicker{font-size:13px!important}.auth-lead{font-size:17px!important}
.app{grid-template-columns:232px minmax(320px,1fr) 430px}.app .side{padding:18px 13px}.app .brand{font-size:23px;height:56px}.app .brand small{font-size:12px}.app .new-project{height:44px;font-size:14px}.app .side-label{font-size:12px;margin-top:22px}.app .project-row{font-size:13px;height:42px}.app .nav button{font-size:13px;height:42px}.app .community b{font-size:12px}.app .community p,.app .community button{font-size:12px}.app .user b{font-size:14px}.app .user small{font-size:12px}.app .project-pill b{font-size:14px}.app .project-pill span{font-size:12px}.app .switcher button{font-size:13px;height:34px;padding:0 14px}.app .switcher{height:44px}.app .project-pill,.app .top-btn{height:44px}.app .top-btn{font-size:12px}.app .topbar{height:auto;gap:7px}.app .chat{grid-template-rows:65px minmax(0,1fr) auto;background:linear-gradient(160deg,#0d1e2e,#081522)}.app .chat-head{padding:0 18px;gap:12px}.app .chat-head b{font-size:17px}.app .credits,.app .history{font-size:13px;height:34px}.app .chat-scroll{padding:23px 19px}.app .msg-user{font-size:15px;line-height:1.65;padding:15px 17px}.app .ai-head{font-size:13px;gap:10px}.app .ai-time{font-size:12px}.app .ai-body{font-size:15px;line-height:1.7}.app .g-top{flex-wrap:wrap;gap:8px}.app .g-top b{font-size:13px}.app .g-top span,.app .tool-pill,.app .rating{font-size:12px}.app .suggestions strong{font-size:12px}.app .suggestions button{font-size:13px;padding:10px;line-height:1.5}.app .composer{padding:14px}.app .composer textarea{font-size:15px;line-height:1.65;min-height:110px}.app .model-btn{font-size:12px;max-width:265px;height:38px}.app .compose-status{font-size:12px;line-height:1.5}.app .model-menu{width:300px}.app .model-menu b{font-size:14px}.app .model-menu small{font-size:12px}.app .status-chip{font-size:12px;height:34px}.app .node-label{font-size:12px}.app .map-core .orb{width:86px;height:86px;animation:orb-glow 5s ease-in-out infinite}.app .map-node .norb{width:50px;height:50px}.app .zoom span{font-size:12px}.app .drawer{width:min(480px,100vw)}.app .drawer-head b{font-size:16px}.app .history-item b{font-size:15px}.app .history-item p,.app .history-item summary{font-size:13px;line-height:1.6}.app .history-item .hs{font-size:12px}.app .welcome-card h3{font-size:25px}.app .welcome-card p{font-size:15px;line-height:1.7}.app .explore-panel{inset:76px 15px 64px;background:#091a2beb}.app .explore-head h2{font-size:23px}.app .explore-head p{font-size:13px}.app .search{font-size:13px;width:220px;height:41px}.app .prompt-sort{font-size:12px;height:41px}.app .prompt-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:17px;padding:20px}.app .explore-tabs button{font-size:12px;height:34px}.app .prompt-card{padding:0;overflow:hidden;border-radius:17px;background:#0d2032;transition:transform .25s,border-color .25s}.app .prompt-card:hover{transform:translateY(-4px);border-color:#62eaff66}.app .prompt-card .prompt-media{height:150px;background:radial-gradient(circle at center,#1b5067,#0c1d30 70%);display:grid;place-items:center;color:#79b2c3;font-size:12px;letter-spacing:.08em}.app .prompt-media img{width:100%;height:100%;object-fit:cover}.app .prompt-card .prompt-body{padding:17px}.app .prompt-card h3{font-size:18px}.app .prompt-card p{font-size:14px;line-height:1.6}.app .prompt-card footer{flex-wrap:wrap;gap:8px;font-size:12px}.app .prompt-card footer button{font-size:12px;padding:8px}.app .publish-btn{height:30px;border:1px solid #61eaff35;border-radius:7px;background:#114057;color:#9af4ff;padding:0 10px;font-size:12px}.modal h2{font-size:24px!important}.modal-head p,.connect-modal p{font-size:14px!important;line-height:1.65}.modal .btn,.modal .field label,.modal .field input,.modal .field select{font-size:14px}.modal .toggle-row b{font-size:14px}.modal .toggle-row small{font-size:12px;line-height:1.5}.modal .settings-section h3{font-size:17px}.modal .segmented button{font-size:14px}.modal .plan p,.modal .credit-pack,.modal .history-item p{font-size:14px}.modal .connect-status{font-size:14px;line-height:1.6}.modal .connect-card b{font-size:15px}.modal .connect-card em,.modal .connect-eyebrow{font-size:12px}.toast{font-size:14px!important;max-width:90vw}.generation-status{padding:12px 14px;font-size:14px;color:#a9efff;background:#113547;border:1px solid #56d8ff33;border-radius:12px;margin:12px 0;animation:orb-glow 2s ease-in-out infinite}.publish-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.publish-media-option{border:2px solid transparent;background:#0c2437;padding:8px;border-radius:10px;text-align:left;color:#c5deed}.publish-media-option.selected{border-color:#6ceaff}.publish-media-option img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px}.publish-media-option small{display:block;font-size:12px;margin-top:5px}
@keyframes orb-glow{50%{box-shadow:0 0 55px #39cce933,0 0 0 10px #5ee8ff06}}
@media(max-width:1350px){.app{grid-template-columns:205px minmax(250px,1fr) 390px}.app .top-btn.hide-md{display:none}.app .project-pill span{display:none}}
@media(max-width:1050px){.app{grid-template-columns:68px minmax(250px,1fr) 360px}.app .side .brand>div:last-child,.app .side .new-project span,.app .side-label,.app .side .community,.app .side .nav button b,.app .side .user>div,.app .side .user>a,.app .side .project-list{display:none}.app .new-project{font-size:0}.app .new-project:before{content:'+';font-size:24px}.app .nav button{font-size:20px}.app .explore-head{flex-wrap:wrap;gap:12px}.app .explore-head .search{width:100%;margin:0}.app .explore-head .prompt-sort{margin-left:auto}}
@media(max-width:760px){.app{grid-template-columns:1fr;grid-template-rows:52px minmax(220px,38vh) 1fr}.app .side{grid-row:1;display:flex;flex-direction:row;padding:7px 12px;gap:10px}.app .side .brand{height:auto}.app .side .nav{display:flex;margin:0;margin-left:auto;gap:8px}.app .side .nav button{width:36px;height:36px;display:block;text-align:center;padding:0}.app .side .user{margin:0;padding:0;border:0}.app .side .new-project{height:36px;width:40px}.app .center{grid-row:2}.app .chat{grid-row:3;grid-template-rows:50px minmax(0,1fr) auto}.app .topbar{top:9px;left:9px;right:9px;gap:5px;flex-wrap:wrap}.app .top-btn,.app .project-pill,.app .switcher{height:36px}.app .top-btn{font-size:12px;padding:0 8px}.app .project-pill{padding:0 8px;max-width:40%}.app .project-pill b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app .switcher button{height:28px;font-size:12px;padding:0 10px}.app .quest-wrap{display:none}.app .map-footer{left:9px;bottom:9px}.app .status-chip{font-size:12px;height:26px;padding:0 7px}.app .zoom{bottom:9px;right:9px;height:26px}.app .zoom button{width:25px}.app .zoom span{width:40px;font-size:12px}.app .composer textarea{min-height:70px;height:70px}.app .composer{padding:10px}.app .compose-status{font-size:12px}.app .chat-scroll{padding:14px}.app .explore-panel{inset:52px 8px 40px}.app .explore-head{padding:12px}.app .explore-head h2{font-size:17px}.app .explore-head p,.app .prompt-sort{display:none}.app .explore-tabs{padding:6px}.app .prompt-grid{padding:10px;grid-template-columns:1fr!important}.app .prompt-card .prompt-media{height:125px}.app .prompt-card p{font-size:13px}.app .prompt-card h3{font-size:16px}.app .prompt-card footer{font-size:12px}.app .welcome-card{padding:16px}.app .welcome-card .agent-logo{display:none}.app .welcome-card h3{font-size:19px}.app .welcome-card p{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.app .map-core .orb{animation:none}}