body[data-studio-app="standalone"]{margin:0;background:#080d17;color:#eef5ff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body[data-studio-app="standalone"] #studio-app{height:100dvh;min-height:600px}
.st-root{--st-bg:#080d17;--st-surface:#0d1522;--st-panel:#101b2a;--st-line:#233246;--st-muted:#98a9bd;--st-text:#e9f1fa;--st-accent:#71dfff;height:100dvh;min-height:600px;display:flex;flex-direction:column;background:var(--st-bg);color:var(--st-text);overflow:hidden}
.st-root *{box-sizing:border-box}
.st-root [hidden]{display:none!important}
.st-root button,.st-root input,.st-root select,.st-root textarea{font:inherit}
.st-root button{border:1px solid var(--st-line);border-radius:8px;background:#142132;color:var(--st-text);cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.st-root button:hover:not(:disabled){background:#1c3046;border-color:#4b7189}
.st-root button:active:not(:disabled){transform:translateY(1px)}
.st-root button:disabled{opacity:.45;cursor:default}
.st-root :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--st-accent);outline-offset:2px}
.st-root a{color:inherit;text-decoration:none}
.st-eyebrow{color:var(--st-accent);font-size:10px;font-weight:700;letter-spacing:.19em}
.st-header{height:70px;flex:none;display:grid;grid-template-columns:245px minmax(0,1fr) auto;align-items:center;gap:22px;padding:0 20px;border-bottom:1px solid var(--st-line);background:#0b1320;z-index:3}
.st-brand{display:flex;align-items:center;gap:10px;min-width:0}
.st-brand-mark{display:grid;place-items:center;width:33px;height:33px;border:1px solid #4b84a1;border-radius:9px;color:#a9ecff;font-family:Georgia,serif;font-size:23px;line-height:1;box-shadow:inset 0 0 14px #2b87b333}
.st-brand strong{display:block;font-size:13px;letter-spacing:.08em;white-space:nowrap}
.st-brand em{color:var(--st-accent);font-style:normal}
.st-brand small{display:block;color:var(--st-muted);font-size:10px;margin-top:2px}
.st-current{min-width:0;padding-left:15px;border-left:1px solid var(--st-line)}
.st-current span{display:block;color:var(--st-muted);font-size:9px;letter-spacing:.14em;margin-bottom:4px}
.st-current strong{display:block;max-width:450px;font-size:13px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.st-header-actions{display:flex;align-items:center;gap:13px;font-size:11px;white-space:nowrap}
.st-header-actions :is(.st-academy-link,.st-account){color:#b6c8d8}
.st-header-actions .st-header-export{padding:9px 13px;color:#081723;background:var(--st-accent);border-color:var(--st-accent);font-weight:700}
.st-header-actions .st-header-export:hover{background:#a6eeff}
.st-header-actions .st-signout{padding:7px 9px;background:transparent}
.st-error{flex:none;z-index:4;margin:8px 16px 0;padding:10px 14px;border:1px solid #824457;border-radius:8px;background:#3a1d2b;color:#ffe6eb;font-size:12px;display:flex;gap:12px;justify-content:space-between;align-items:center}
.st-error button{padding:5px 9px}
.st-mobile-tabs{display:none}
.st-layout{display:grid;grid-template-columns:252px minmax(335px,.85fr) minmax(430px,1.15fr);min-height:0;flex:1;overflow:hidden}
.st-library{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--st-line);background:#0a121e}
.st-library-top{padding:23px 17px 17px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.st-library-heading h2{font-size:19px;font-weight:550;letter-spacing:-.025em;margin:7px 0 0}
.st-root .st-collapse{width:28px;height:28px;padding:0;font-size:15px;background:transparent}
.st-root .st-new{margin:0 14px 20px;padding:11px 12px;background:#1c5e8a;border:1px solid #397fad;display:flex;align-items:center;gap:10px;text-align:left}
.st-new span{font-size:18px;line-height:1}
.st-new strong{font-size:12px;font-weight:600}
.st-library-content{min-height:0;display:flex;flex-direction:column;flex:1}
.st-search-label{display:block;margin:0 14px 18px;color:var(--st-muted);font-size:10px}
.st-search-label input{display:block;width:100%;margin-top:7px;padding:10px 11px;color:var(--st-text);background:#101b2b;border:1px solid var(--st-line);border-radius:7px;font-size:12px}
.st-search-label input::placeholder{color:#6f859a}
.st-library-tabs{display:flex;gap:5px;padding:0 14px 14px;border-bottom:1px solid var(--st-line)}
.st-root .st-library-tabs button{border:0;background:transparent;padding:7px 5px;color:var(--st-muted);font-size:11px}
.st-root .st-library-tabs button[aria-selected=true]{color:#dff5ff}
.st-library-tabs span{font-size:9px;color:#81acc4;margin-left:2px}
.st-list-heading{font-size:9px;letter-spacing:.18em;font-weight:700;color:#7390aa;padding:19px 17px 10px}
.st-project-scroll{min-height:0;overflow-y:auto;padding:0 7px 15px;flex:1}
.st-list-empty{color:var(--st-muted);font-size:12px;line-height:1.6;padding:10px 12px}
.st-project-row{position:relative;display:flex;align-items:stretch;border:1px solid transparent;border-radius:9px;margin:2px 0}
.st-project-row:hover,.st-project-row.selected{background:#17263a;border-color:#263f57}
.st-project-row.selected{box-shadow:inset 2px 0 #6dd9f1}
.st-root .st-project-open{flex:1;min-width:0;padding:11px 7px;background:transparent;border:0;display:flex;gap:9px;align-items:center;text-align:left}
.st-root .st-project-open:hover{background:transparent;border:0}
.st-project-deleted{opacity:.68}
.st-project-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:7px;background:#123851;color:#8ce6f4;font-size:16px}
.st-project-meta{min-width:0;display:block}
.st-project-meta strong{display:block;font-weight:550;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-project-meta small{display:block;color:var(--st-muted);font-size:9px;margin-top:5px}
.st-root .st-project-more{align-self:center;border:0;background:transparent;padding:5px 6px;margin-right:4px;color:#a9c3d9}
.st-project-menu{position:absolute;top:calc(100% - 3px);right:4px;z-index:10;width:190px;padding:5px;background:#1c2b3d;border:1px solid #496179;border-radius:9px;box-shadow:0 14px 30px #0009}
.st-root .st-project-menu button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:9px 10px;font-size:11px}
.st-root .st-project-menu .st-danger{color:#ffbeca}
.st-library-footer{flex:none;border-top:1px solid var(--st-line);padding:17px;display:flex;flex-direction:column;gap:10px;color:#a5b9cc;font-size:11px}
.st-library-footer a:hover{color:var(--st-accent)}
.st-library-account{color:#7891a8;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-chat{min-width:0;min-height:0;display:flex;flex-direction:column;background:#0d1522;border-right:1px solid var(--st-line)}
.st-chat-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 25px 17px;border-bottom:1px solid var(--st-line)}
.st-chat-head h2{font-weight:550;font-size:17px;margin:5px 0 0}
.st-chat-status{font-size:10px;color:#9eb7c5;white-space:nowrap}
.st-chat-status i{display:inline-block;width:6px;height:6px;background:#71d0b4;border-radius:50%;margin-right:4px}
.st-thread{flex:1;min-height:0;overflow-y:auto;padding:23px clamp(20px,4vw,52px) 35px;overscroll-behavior:contain}
.st-welcome{max-width:540px;margin:clamp(30px,6vh,90px) auto 0}
.st-welcome-glyph{display:block;font-size:34px;color:var(--st-accent);margin-bottom:24px}
.st-welcome h2{font-size:clamp(30px,3vw,45px);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:13px 0 14px}
.st-welcome p{color:#a9bbce;line-height:1.7;font-size:13px;margin:0 0 26px}
.st-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.st-root .st-suggestions button{background:#121f2f;border-color:#2b4057;text-align:left;padding:14px 13px;min-height:56px;font-size:11px;line-height:1.4;display:flex;justify-content:space-between;gap:8px;align-items:center}
.st-suggestions span{color:var(--st-accent);font-size:16px}
.st-message{max-width:690px;margin:0 auto 27px;overflow-wrap:anywhere;font-size:13px;line-height:1.72}
.st-message-label{font-size:9px;letter-spacing:.16em;color:var(--st-accent);margin-bottom:9px;font-weight:700}
.st-message.user{background:#1b2a3d;border:1px solid #31445b;padding:15px 17px;border-radius:12px;margin-left:max(25px,12%)}
.st-message-body p{margin:0 0 12px}
.st-message-body p:last-child{margin:0}
.st-message-body pre{overflow-x:auto;background:#080f1a;border:1px solid #263b50;border-radius:8px;padding:13px;font-size:11px}
.st-message-body :is(code,pre){font-family:Consolas,Menlo,monospace}
.st-message-body a{color:#95e9f4;text-decoration:underline}
.st-progress{max-width:690px;margin:auto;display:flex;gap:12px;align-items:center;padding:15px 0}
.st-progress b{font-size:12px;font-weight:600}
.st-progress small{display:block;color:var(--st-muted);font-size:11px;margin-top:4px}
.st-pulse{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--st-accent);animation:st-pulse 1.4s ease-in-out infinite}
@keyframes st-pulse{50%{opacity:.25}}
.st-compose-wrap{flex:none;border-top:1px solid var(--st-line);padding:13px clamp(16px,3vw,30px) 16px;background:#0f1a2a}
.st-composer{border:1px solid #35516a;border-radius:11px;background:#101d2d;padding:9px 10px 8px}
.st-composer textarea{width:100%;min-height:64px;max-height:180px;resize:vertical;border:0;outline:0;background:transparent;color:var(--st-text);padding:7px 5px;font-size:13px;line-height:1.5}
.st-composer textarea::placeholder{color:#8499ac}
.st-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
.st-compose-actions>div{display:flex;gap:6px}
.st-root .st-compose-actions button{padding:7px 10px;font-size:11px;background:transparent}
.st-root .st-compose-actions .st-send{background:#81def1;color:#08151f;border-color:#81def1;font-weight:700}
.st-compose-note{display:block;color:#7f96ab;font-size:9px;margin:9px 4px 0;line-height:1.5}
.st-attachments{display:flex;gap:6px;flex-wrap:wrap;max-height:70px;overflow-y:auto;margin-bottom:8px}
.st-attachments span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 7px;border:1px solid #35516a;border-radius:6px;font-size:10px}
.st-root .st-attachments button{padding:0 3px;border:0;background:transparent;font-size:15px}
.st-canvas{min-width:0;min-height:0;display:flex;flex-direction:column;background:#111b29}
.st-canvas-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 17px;border-bottom:1px solid var(--st-line)}
.st-canvas-tabs{display:flex;gap:5px}
.st-root .st-canvas-tabs button{padding:8px 12px;background:transparent;border:0;color:#9fb0c2;font-size:11px}
.st-root .st-canvas-tabs button[aria-selected=true]{color:#d6f7ff;background:#1e3145}
.st-save-state{color:#91a7b9;font-size:10px;text-align:right}
.st-preview-tools{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 17px}
.st-device-tools,.st-preview-actions{display:flex;gap:5px}
.st-root .st-preview-tools button{padding:6px 9px;font-size:10px}
.st-root .st-device-tools button[aria-pressed=true]{border-color:#6bacc6;color:#a5edfb}
.st-stage{min-height:0;flex:1;display:flex;justify-content:center;padding:13px;background:#1b2736;overflow:auto}
.st-stage iframe{width:100%;height:100%;border:0;border-radius:4px;background:#fff;box-shadow:0 15px 40px #0003}
.st-stage.tablet iframe{max-width:768px}
.st-stage.mobile iframe{max-width:390px}
.st-stage:fullscreen{padding:20px}
.st-placeholder{width:100%;min-height:100%;background:#e8e9e6;color:#263541;padding:clamp(24px,4vw,65px);display:flex;flex-direction:column;justify-content:center}
.st-placeholder>span{font-size:9px;color:#637b8b;letter-spacing:.18em}
.st-placeholder-mark{font-family:Georgia,serif;font-size:90px;color:#477283;line-height:1;margin:14px 0}
.st-placeholder h2{font-family:Georgia,serif;font-size:clamp(31px,3vw,50px);font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:0 0 17px}
.st-placeholder p{font-size:12px;line-height:1.75;max-width:260px;color:#566b79}
.st-code,.st-history{flex:1;min-height:0}
.st-code{display:flex;flex-direction:column;padding:15px}
.st-code-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}
.st-code-head select{min-width:0;max-width:60%;background:#121f2f;border:1px solid #3d566d;border-radius:7px;color:var(--st-text);padding:8px;font-size:11px}
.st-code-head button{padding:7px 10px;font-size:10px}
.st-code textarea{flex:1;min-height:120px;resize:none;width:100%;background:#08111d;border:1px solid #2c4359;color:#cbe9f0;border-radius:8px;padding:16px;font:12px/1.75 Consolas,Menlo,monospace;tab-size:2;white-space:pre}
.st-history{overflow:auto;padding:20px}
.st-history>p{color:var(--st-muted);font-size:12px;line-height:1.65}
.st-history article{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--st-line)}
.st-version-number{color:var(--st-accent);font-size:13px;font-weight:700}
.st-history article>div{min-width:0;flex:1}
.st-history strong{display:block;font-size:11px;font-weight:550;overflow-wrap:anywhere}
.st-history small{display:block;color:var(--st-muted);font-size:10px;margin-top:5px}
.st-history button{padding:7px 9px;font-size:10px}
.st-canvas-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 15px;border-top:1px solid var(--st-line);color:#8fa3b8;font-size:9px}
.st-canvas-foot>div{display:flex;gap:5px}
.st-root .st-canvas-foot button{padding:6px 8px;font-size:10px}
.st-modal{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 24px);overflow:auto;background:#101d2d;color:var(--st-text);border:1px solid #4e6b82;border-radius:12px;padding:25px;box-shadow:0 30px 80px #000a}
.st-modal::backdrop{background:#020914c9}
.st-modal h2{font-size:22px;line-height:1.25;font-weight:550;letter-spacing:-.03em;margin:0 0 20px}
.st-modal p{font-size:12px;line-height:1.7;color:#a6bbcd;margin:0 0 20px}
.st-modal label{display:block;color:#aebfd0;font-size:11px}
.st-modal input{display:block;width:100%;margin:9px 0 20px;padding:12px;color:#fff;background:#08121e;border:1px solid #42627a;border-radius:7px;font-size:15px}
.st-modal-actions{display:flex;justify-content:flex-end;gap:8px}
.st-modal button{padding:9px 13px;color:#eaf4ff;background:#192c40;border:1px solid #405c73;border-radius:7px;cursor:pointer}
.st-modal button.st-send{background:#80ddf1;border-color:#80ddf1;color:#071721;font-weight:700}
.st-modal button.st-danger-button{background:#a7425a;border-color:#b5566d;color:#fff}
.st-kind-modal{width:min(550px,calc(100vw - 32px))}
.st-kind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}
.st-kind-grid button{min-height:95px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;text-align:left}
.st-kind-grid span{font-size:20px;color:#79dcf0}
.st-kind-grid strong{font-size:11px}
.st-modal-close{display:block;margin-left:auto}
.studio-login-shell{min-height:100dvh;display:grid;place-items:center;background:#080d17;color:#e9f1fa;padding:24px;font-family:Inter,ui-sans-serif,"Segoe UI",sans-serif}
.studio-login-card{width:min(420px,100%);padding:35px;background:#101b2a;border:1px solid #35516a;border-radius:16px;box-shadow:0 25px 70px #0007}
.studio-login-card h1{font-weight:550;letter-spacing:-.04em}
.studio-login-card p{line-height:1.65;color:#aebfd0}
.studio-login-card label{display:block;font-size:12px;margin:15px 0}
.studio-login-card input{display:block;width:100%;margin-top:7px;padding:12px;color:#fff;background:#08121e;border:1px solid #42627a;border-radius:7px;font:inherit}
.studio-login-card button{padding:11px 14px;background:#80ddf1;border:0;border-radius:8px;color:#071721;font-weight:700;cursor:pointer}
.studio-login-error{color:#ffadbd!important}
.studio-login-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #5d9bb7;border-radius:10px;color:#9ee8f7;font:30px Georgia,serif}
.studio-login-eyebrow{font-size:10px!important;letter-spacing:.2em;color:#8bdded!important;margin-top:23px}
.studio-login-academy{display:inline-block;margin-top:25px;color:#a1dfee;font-size:12px;text-decoration:none}
.studio-login-academy:hover{text-decoration:underline}
@media(max-width:1250px){.st-layout{grid-template-columns:205px minmax(310px,.9fr) minmax(365px,1.1fr)}.st-header{grid-template-columns:195px minmax(0,1fr) auto}.st-project-meta strong{font-size:10px}}
@media(max-width:1000px){.st-header{height:62px;grid-template-columns:auto minmax(0,1fr) auto}.st-brand small{display:none}.st-header-actions .st-account{display:none}.st-header-actions .st-signout{padding:6px}.st-mobile-tabs{flex:none;display:grid;grid-template-columns:repeat(3,1fr);background:#0e1a2a;border-bottom:1px solid var(--st-line);padding:5px}.st-root .st-mobile-tabs button{padding:10px;border:0;background:transparent;color:#9fb4c8}.st-root .st-mobile-tabs button[aria-current=true]{background:#193550;color:#d8f4ff}.st-layout{display:flex;min-height:0}.st-library,.st-chat,.st-canvas{width:100%;border:0}.st-root[data-mobile-view="chat"] :is(.st-library,.st-canvas),.st-root[data-mobile-view="preview"] :is(.st-library,.st-chat),.st-root[data-mobile-view="projects"] :is(.st-chat,.st-canvas){display:none}.st-root[data-mobile-view="projects"] .st-library{display:flex}.st-library-top{padding-top:17px}.st-project-scroll{max-width:650px}.st-welcome{margin-top:clamp(30px,7vh,80px)}}
@media(max-width:620px){.st-root{min-height:0}.st-header{height:64px;padding:0 12px;gap:7px}.st-brand-mark{width:29px;height:29px;font-size:20px}.st-brand strong{font-size:10px}.st-brand small{display:none}.st-current{display:none}.st-header-actions{gap:5px}.st-header-actions .st-academy-link{font-size:10px}.st-header-actions .st-header-export{display:none}.st-header-actions .st-signout{font-size:9px;padding:5px}.st-thread{padding:18px 17px 25px}.st-welcome{margin-top:18px}.st-welcome h2{font-size:32px}.st-suggestions{grid-template-columns:1fr 1fr;gap:7px}.st-root .st-suggestions button{min-height:60px;padding:10px;font-size:10px}.st-chat-head{padding:15px 17px 12px}.st-compose-wrap{padding:10px 11px 13px}.st-composer textarea{font-size:16px}.st-canvas-head{padding:9px}.st-root .st-canvas-tabs button{padding:8px 9px}.st-save-state{font-size:9px}.st-preview-tools{padding:8px}.st-device-tools{flex-wrap:wrap}.st-root .st-preview-tools button{padding:6px}.st-stage{padding:7px}.st-code-head{flex-wrap:wrap}.st-canvas-foot{padding:7px}.st-canvas-foot>span{max-width:45%}.st-kind-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:390px){.st-root .st-suggestions button{font-size:9px}.st-header-actions .st-academy-link{font-size:9px}.st-brand{gap:5px}}
@media(min-width:1001px){.st-root.is-collapsed .st-layout{grid-template-columns:64px minmax(335px,.85fr) minmax(430px,1.15fr)}.st-root.is-collapsed .st-library-top{padding:18px 10px}.st-root.is-collapsed .st-library-heading,.st-root.is-collapsed .st-library-content,.st-root.is-collapsed .st-library-footer{display:none}.st-root.is-collapsed .st-new{margin:10px;padding:10px;justify-content:center}.st-root.is-collapsed .st-new strong{display:none}}
@media(prefers-reduced-motion:reduce){.st-pulse{animation:none}.st-root button{transition:none}}