/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#171721;--muted:#747583;--line:#e6e6ec;--canvas:#f5f5f8;--panel:#fff;--purple:#6558f5;--purple2:#4e42e7;--green:#14a875;--red:#cf4052;--amber:#bd7414;--side:#17171f;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink);font-size:16px}body{background:var(--canvas);min-width:320px;font:15px/1.5 var(--sans);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}code,pre{font-family:var(--mono)}.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:40;color:#f5f5f8;background:var(--side);border-right:1px solid #2c2c35;flex-direction:column;width:252px;padding:24px 17px 17px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 8px 24px;display:flex}.brand>span{color:#fff;background:linear-gradient(145deg,#7b70ff,#5144e5);border-radius:12px;place-items:center;width:39px;height:39px;font-size:19px;font-weight:900;display:grid;box-shadow:0 9px 26px #6558f547}.brand div,.side-user div,.security-note div{flex-direction:column;min-width:0;display:flex}.brand strong{letter-spacing:-.03em;font-size:17px}.brand small{color:#858592;letter-spacing:.17em;font-size:8px;font-weight:850}.primary-action{color:#fff;background:var(--purple);border:0;border-radius:9px;width:100%;padding:11px 13px;font-size:12px;font-weight:800;box-shadow:0 8px 22px #6558f52b}.primary-action:hover{background:#7569ff}.sidebar nav{gap:4px;margin-top:21px;display:grid}.sidebar nav button{color:#9d9daa;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:22px 1fr auto;align-items:center;gap:9px;padding:10px 12px;font-size:12px;font-weight:700;display:grid}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#272731}.sidebar nav button>span{color:#7d7d8a;font-family:var(--mono)}.sidebar nav button.active>span{color:#958cff}.sidebar nav b{color:#cbc8ff;text-align:center;background:#3b394f;border-radius:10px;min-width:20px;padding:1px 5px;font-size:9px}.side-spacer{flex:1;min-height:20px}.security-note{background:#1e1e27;border:1px solid #30303b;border-radius:9px;align-items:center;gap:9px;margin-bottom:14px;padding:11px;display:flex}.security-note>span{color:#43d49c;background:#233e36;border-radius:7px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:900;display:grid}.security-note strong{font-size:10px}.security-note small{color:#7f808d;font-size:8px}.side-user{border-top:1px solid #2c2c35;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding-top:14px;display:grid}.side-user>span{color:#d7d7df;background:#343440;border-radius:9px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:850;display:grid}.side-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.main-area{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;justify-content:space-between;align-items:center;gap:18px;height:76px;padding:0 31px;display:flex}.topbar>div:first-of-type{margin-right:auto}.topbar>div>span{color:#9899a5;letter-spacing:.14em;font-size:8px;font-weight:850}.topbar h1{letter-spacing:-.025em;margin:1px 0 0;font-size:18px}.top-status{color:#777884;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.top-status>span{color:#a3a3ad}.top-status>span.online{color:#1eb17d}.top-status b{color:#fff;background:#292934;border-radius:9px;place-items:center;width:34px;height:34px;margin-left:5px;font-size:9px;display:grid}.menu{border:1px solid var(--line);color:#62636f;background:#fff;border-radius:8px;width:38px;height:38px;display:none}.page{max-width:1500px;margin:0 auto;padding:30px}.page-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-title>div>span,.eyebrow{color:var(--purple);letter-spacing:.14em;font-size:8px;font-weight:900}.page-title h2{letter-spacing:-.045em;margin:4px 0 2px;font-size:clamp(26px,3vw,34px);line-height:1.1}.page-title p{color:var(--muted);margin:0;font-size:12px}.page-title>button{color:#fff;background:var(--purple);border:0;border-radius:8px;padding:10px 14px;font-size:11px;font-weight:800}.overview{padding-top:22px}.overview-hero{color:#fff;background:radial-gradient(circle at 70% 0,#36305e 0,#0000 34%),linear-gradient(135deg,#171720,#20202c);border:1px solid #292832;border-radius:15px;grid-template-columns:1.05fr .95fr;min-height:390px;padding:45px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #20202a17}.overview-hero:after{content:"";filter:blur(30px);background:#6758ff14;border-radius:50%;width:420px;height:300px;position:absolute;bottom:-150px;right:-90px}.overview-hero h2{letter-spacing:-.06em;margin:10px 0 14px;font-size:clamp(38px,5vw,61px);line-height:.98}.overview-hero h2 em{color:#8c82ff;font-style:normal}.overview-hero p{color:#aeaeb9;max-width:580px;margin:0;font-size:13px;line-height:1.65}.overview-hero>div:first-child>div{flex-wrap:wrap;gap:8px;margin:25px 0 16px;display:flex}.overview-hero button{color:#d6d6df;background:#292934;border:1px solid #3b3b47;border-radius:8px;padding:11px 14px;font-size:11px;font-weight:800}.overview-hero button:first-child{border-color:var(--purple);color:#fff;background:var(--purple)}.overview-hero>div:first-child>small{color:#888995;font-size:9px}.overview-hero small b{color:#41d39c;margin-right:5px}.flow-visual{z-index:2;grid-template-columns:minmax(130px,1fr) 74px minmax(180px,1.2fr);align-items:center;gap:0;padding-left:28px;display:grid;position:relative}.flow-visual article{background:#22222d;border:1px solid #3a394b;border-radius:12px;flex-wrap:wrap;align-content:center;gap:8px;padding:16px;display:flex;box-shadow:0 15px 35px #0003}.flow-visual article>span{color:#77788a;letter-spacing:.14em;width:100%;margin-bottom:4px;font-size:7px;font-weight:900}.flow-visual article i,.recipe-grid header i,.key-card header i,.connection-picker i{border-radius:8px;place-items:center;font-style:normal;font-weight:900;display:grid}.flow-visual article i{width:38px;height:38px}.violet{color:#9c91ff!important;background:#302d50!important}.green{color:#4ad19a!important;background:#213d35!important}.blue{color:#6ea9ff!important;background:#20324a!important}.orange{color:#f0a961!important;background:#493324!important}.indigo{color:#928bff!important;background:#302e4d!important}.mint{color:#45d5b8!important;background:#203e39!important}.sky{color:#69bdf3!important;background:#203745!important}.gray{color:#b1b2bd!important;background:#363640!important}.flow-visual>b{background:#4c465f;align-items:center;height:2px;display:flex}.flow-visual>b i{background:#8277ff;border-radius:50%;width:5px;height:5px;margin-left:13px;display:block;box-shadow:0 0 12px #8277ff}.flow-result{display:block!important}.flow-result pre{color:#c9c8d6;white-space:pre-wrap;margin:7px 0 11px;font-size:9px;line-height:1.7}.flow-result small{color:#54cfa0!important;font-size:8px!important}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0;display:grid}.metrics article{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;padding:16px 18px;display:flex}.metrics span{color:#92939e;letter-spacing:.1em;font-size:7px;font-weight:900}.metrics strong{letter-spacing:-.04em;margin:2px 0;font-size:27px}.metrics small{color:#9a9ba5;font-size:8px}.overview-grid{grid-template-columns:1.08fr .92fr;gap:13px;display:grid}.overview-grid>article{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.getting-started>header,.recent-build>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.getting-started header span,.recent-build header>span{color:#92939e;letter-spacing:.11em;font-size:7px;font-weight:900}.getting-started h3{margin:2px 0 0;font-size:14px}.getting-started header>b{width:34px;height:34px;color:var(--purple);background:#efedff;border-radius:50%;place-items:center;font-size:10px;display:grid}.getting-started>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #eeeef2;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;width:100%;padding:12px 17px;display:grid}.getting-started>button:hover{background:#fafafd}.getting-started>button>span{color:#8e8f99;border:1px solid #dedee5;border-radius:8px;place-items:center;width:27px;height:27px;font-size:9px;font-weight:850;display:grid}.getting-started>button>span.done{color:var(--green);background:#ebfaf4;border-color:#c9eee0}.getting-started button div{flex-direction:column;display:flex}.getting-started button small{color:#8b8c97;font-size:8px}.getting-started button>b{color:#a0a1ab}.recent-build header button{color:var(--purple);background:0 0;border:0;font-size:9px;font-weight:750}.recent-build>div{padding:22px}.recent-build>div>span{color:var(--purple)}.recent-build h3{margin:5px 0;font-size:16px}.recent-build p{color:#777884;margin:0;font-size:10px}.recent-build small{color:#9a9ba5;margin-top:15px;font-size:8px;display:block}.recent-build .blank{text-align:center}.recent-build .blank>span{background:#efedff;border-radius:12px;place-items:center;width:42px;height:42px;margin:auto;font-size:20px;display:grid}.recent-build .blank button{color:var(--purple);background:#f7f6ff;border:1px solid #dcd9ff;border-radius:7px;margin-top:12px;padding:8px 10px;font-size:9px;font-weight:750}.vault-banner{background:#f5f3ff;border:1px solid #d8d4ff;border-radius:10px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;margin-bottom:15px;padding:15px 17px;display:grid}.vault-banner>span{width:37px;height:37px;color:var(--purple);background:#e5e1ff;border-radius:10px;place-items:center;font-size:17px;display:grid}.vault-banner p{color:#777884;margin:2px 0 0;font-size:9px}.vault-banner>b{color:#2c936e;font-family:var(--mono);background:#e3f8ef;border-radius:5px;padding:4px 7px;font-size:8px}.add-key-form{border:1px solid var(--line);background:#fff;border-radius:11px;margin-bottom:15px;box-shadow:0 12px 35px #1717210f}.add-key-form>header{border-bottom:1px solid var(--line);justify-content:space-between;padding:16px 18px;display:flex}.add-key-form header span{color:var(--purple);letter-spacing:.12em;font-size:7px;font-weight:900}.add-key-form h3{margin:2px 0 0;font-size:15px}.add-key-form header button{color:#777884;background:0 0;border:0;font-size:18px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;padding:18px;display:grid}.form-grid label{color:#6c6d78;gap:5px;font-size:9px;font-weight:800;display:grid}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid select{background:#fff;border:1px solid #dadbe2;border-radius:7px;outline:0;width:100%;padding:10px 11px}.form-grid input:focus,.form-grid select:focus{border-color:#9c94f8;box-shadow:0 0 0 3px #6558f50e}.form-safe{color:#7a7b87;align-items:center;gap:8px;font-size:8px;display:flex}.form-safe span{color:var(--green)}.form-safe p{margin:0}.add-key-form>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:7px;padding:12px 18px;display:flex}.add-key-form footer button{background:#fff;border:1px solid #dddde4;border-radius:7px;padding:8px 11px;font-size:9px;font-weight:750}.add-key-form footer button:last-child{border-color:var(--purple);color:#fff;background:var(--purple)}.key-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.key-card{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.key-card>header{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:15px;display:grid}.key-card header i{width:38px;height:38px}.key-card header div{flex-direction:column;min-width:0;display:flex}.key-card header strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.key-card header small{color:#8e8f9a;font-size:8px}.state{color:#7f808a;text-transform:uppercase;background:#eeeef2;border-radius:8px;padding:3px 6px;font-size:7px;font-weight:850}.state.connected{color:#12845d;background:#e5f8f0}.state.failed{color:#b63847;background:#ffebee}.state.testing{color:#765310;background:#fff3da}.key-card>label{color:#9a9ba6;letter-spacing:.07em;padding:11px 15px 0;font-size:7px;font-weight:850;display:block}.key-card>label>code,.key-card>label>div{color:#555662;letter-spacing:0;justify-content:space-between;align-items:center;margin-top:4px;font-size:9px;display:flex}.key-card label button{color:var(--purple);background:0 0;border:0;font-size:8px;font-weight:750}.key-card>footer{border-top:1px solid var(--line);gap:7px;margin-top:13px;padding:11px 15px;display:flex}.key-card footer button{color:#555662;background:#fff;border:1px solid #dedee5;border-radius:6px;flex:1;padding:7px;font-size:8px;font-weight:750}.key-card footer button:first-child{color:var(--purple);background:#f7f6ff;border-color:#dcd9ff}.empty{text-align:center;background:#fafafd;border:1px dashed #d9d9e0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:380px;padding:30px;display:flex}.empty>span{width:48px;height:48px;color:var(--purple);background:#eceaff;border-radius:14px;place-items:center;font-size:21px;display:grid}.empty h3{margin:10px 0 3px;font-size:15px}.empty p{color:#7f808c;max-width:380px;margin:0;font-size:10px}.empty button{color:#fff;background:var(--purple);border:0;border-radius:7px;margin-top:13px;padding:9px 12px;font-size:9px;font-weight:750}.stepper{max-width:480px;margin:-8px 0 20px;display:flex}.stepper>div{color:#999aa4;flex:1;align-items:center;gap:6px;font-size:9px;display:flex;position:relative}.stepper>div:not(:last-child):after{content:"";background:#dcdce2;flex:1;height:1px}.stepper span{border:1px solid #d8d8df;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;display:grid}.stepper .active{color:var(--purple)}.stepper .active span{border-color:var(--purple);color:#fff;background:var(--purple)}.builder-layout{grid-template-columns:minmax(350px,.8fr) minmax(440px,1.2fr);align-items:start;gap:14px;display:grid}.builder-form,.build-output{border:1px solid var(--line);background:#fff;border-radius:12px}.builder-form{padding:18px}.builder-form>label{align-items:center;gap:9px;margin:5px 0 10px;display:flex}.builder-form>label>span{height:25px;color:var(--purple);background:#edebff;border-radius:7px;flex:0 0 25px;place-items:center;font-size:9px;font-weight:900;display:grid}.builder-form label div{flex-direction:column;display:flex}.builder-form label small{color:#8a8b96;font-size:8px}.builder-form>textarea{resize:vertical;border:1px solid #dbdbe2;border-radius:8px;outline:0;width:100%;min-height:115px;padding:12px;font-size:10px;line-height:1.6}.builder-form>textarea:focus{border-color:#a39cf6;box-shadow:0 0 0 3px #6558f50e}.idea-chips{flex-wrap:wrap;gap:5px;margin:7px 0 18px;display:flex}.idea-chips button{color:#777884;background:#fafafd;border:1px solid #e1e1e7;border-radius:5px;padding:5px 7px;font-size:7px}.frameworks{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px;display:grid}.frameworks button{color:#666773;text-align:left;background:#fff;border:1px solid #dfdfe5;border-radius:7px;justify-content:space-between;padding:9px 10px;font-size:9px;font-weight:700;display:flex}.frameworks button.selected{color:var(--purple);background:#f7f6ff;border-color:#aaa3fb}.connection-picker{gap:6px;display:grid}.connection-picker button{text-align:left;background:#fff;border:1px solid #dfdfe5;border-radius:8px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:8px 10px;display:grid}.connection-picker button.selected{background:#f7f6ff;border-color:#aaa3fb}.connection-picker i{width:32px;height:32px;font-size:10px}.connection-picker div{flex-direction:column;min-width:0;display:flex}.connection-picker strong{font-size:9px}.connection-picker small{color:#8d8e99;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.connection-picker>button>span{color:var(--purple);font-weight:900}.needs-key{color:#8b8c97;text-align:center;background:#fafafd;border:1px dashed #d8d8df;border-radius:8px;padding:12px;font-size:9px}.builder-error{color:#ac3543;background:#fff3f5;border:1px solid #f2c6cd;border-radius:7px;margin-top:9px;padding:9px;font-size:9px}.generate{color:#fff;background:linear-gradient(135deg,#6d61f7,#5044e7);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:13px;padding:11px;font-size:10px;font-weight:850;display:flex;box-shadow:0 8px 18px #6558f526}.generate i{border:2px solid #fff5;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-safety{color:#999aa4;text-align:center;margin:7px 0 0;font-size:7px}.build-output{min-height:680px;overflow:hidden}.output-empty,.building-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:680px;padding:35px;display:flex}.output-empty>div{width:135px;height:90px;position:relative}.output-empty>div>span{z-index:2;color:#fff;background:linear-gradient(145deg,#776bff,#5044e7);border-radius:17px;place-items:center;width:53px;height:53px;margin:auto;font-size:20px;display:grid;position:relative;box-shadow:0 13px 35px #6558f54a}.output-empty>div i{background:#bcb8f1;width:31px;height:1px;position:absolute;top:26px}.output-empty>div i:nth-child(2){left:0;transform:rotate(-25deg)}.output-empty>div i:nth-child(3){right:0;transform:rotate(25deg)}.output-empty>div i:nth-child(4){bottom:4px;left:51px;transform:rotate(90deg)}.output-empty h3,.building-state h3{margin:5px 0;font-size:16px}.output-empty>p,.building-state>p{color:#7e7f8b;max-width:390px;margin:0;font-size:10px}.output-empty ul{color:#29936e;flex-wrap:wrap;justify-content:center;gap:9px;margin:18px 0 0;padding:0;font-size:8px;list-style:none;display:flex}.building-state>span{color:#fff;background:var(--purple);border-radius:17px;place-items:center;width:55px;height:55px;font-size:12px;font-weight:900;display:grid;box-shadow:0 15px 35px #6558f54a}.building-state>div{gap:6px;margin:20px;display:flex}.building-state>div i{background:var(--purple);border-radius:50%;width:7px;height:7px;animation:1s infinite alternate pulse}.building-state>div i:nth-child(2){animation-delay:.2s}.building-state>div i:nth-child(3){animation-delay:.4s}@keyframes pulse{50%{opacity:.5}}.building-state small{color:#9a9ba5;font-size:8px}.integration-result>header{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:18px;display:flex}.integration-result>header span{color:var(--green);letter-spacing:.1em;font-size:7px;font-weight:900}.integration-result>header h3{margin:3px 0;font-size:17px}.integration-result>header p{color:#747581;max-width:570px;margin:0;font-size:9px}.integration-result>header button{background:#fff;border:1px solid #dedee5;border-radius:6px;align-self:flex-start;padding:8px 9px;font-size:8px;font-weight:750}.result-summary{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.result-summary div{flex-direction:column;padding:11px 16px;display:flex}.result-summary div+div{border-left:1px solid var(--line)}.result-summary span{color:#999aa4;font-size:7px;font-weight:850}.result-summary strong{font-size:17px}.architecture{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:12px 16px;display:flex}.architecture>strong{margin-right:4px;font-size:9px}.architecture>span{color:#656672;background:#f0f0f4;border-radius:6px;align-items:center;gap:4px;padding:5px 7px;font-size:7px;display:flex}.architecture span b{color:var(--purple)}.code-workspace{background:#17171f;border:1px solid #30303b;border-radius:9px;margin:14px;overflow:hidden}.code-workspace>nav{background:#20202a;border-bottom:1px solid #34343f;display:flex;overflow-x:auto}.code-workspace nav button{color:#858692;font-family:var(--mono);white-space:nowrap;background:0 0;border:0;border-right:1px solid #33333e;padding:9px 10px;font-size:7px}.code-workspace nav button.active{color:#fff;background:#17171f}.code-workspace>header{color:#fff;justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.code-workspace header div{flex-direction:column;display:flex}.code-workspace header strong{font-size:9px}.code-workspace header small{color:#797a88;font-size:7px}.code-workspace header button{color:#bebfca;background:#292933;border:1px solid #3c3c48;border-radius:5px;padding:5px 7px;font-size:7px}.code-workspace pre{color:#cecddb;white-space:pre-wrap;border-top:1px solid #30303b;max-height:320px;margin:0;padding:15px;font-size:8px;line-height:1.65;overflow:auto}.env-block{background:#fafafd;border:1px solid #dfdfe5;border-radius:8px;margin:14px;padding:13px}.env-block header{justify-content:space-between;margin-bottom:8px;display:flex}.env-block strong{font-size:9px}.env-block button{color:var(--purple);background:0 0;border:0;font-size:7px;font-weight:750}.env-block code{color:#575864;padding:4px;font-size:8px;display:block}.setup-grid{grid-template-columns:1fr 1fr;gap:10px;margin:14px;display:grid}.setup-grid article{border:1px solid #e1e1e7;border-radius:8px;padding:13px}.setup-grid article>strong{font-size:9px}.setup-grid p{color:#696a76;grid-template-columns:18px 1fr;gap:5px;margin:7px 0;font-size:7px;display:grid}.setup-grid p span{color:var(--purple);font-weight:900}.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.recipe-grid article{border:1px solid var(--line);background:#fff;border-radius:11px;flex-direction:column;padding:17px;display:flex}.recipe-grid header{justify-content:space-between;display:flex}.recipe-grid header>span{color:var(--purple);letter-spacing:.1em;background:#efedff;border-radius:5px;align-self:flex-start;padding:3px 6px;font-size:6px;font-weight:900}.recipe-grid header div{display:flex}.recipe-grid header i{border:2px solid #fff;width:29px;height:29px;margin-left:-5px;font-size:8px}.recipe-grid h3{margin:15px 0 5px;font-size:14px}.recipe-grid p{color:#777884;flex:1;margin:0;font-size:9px}.recipe-meta{color:#92939e;justify-content:space-between;margin:15px 0 10px;font-size:7px;display:flex}.recipe-grid article>button{color:#575864;background:#fff;border:1px solid #dedee5;border-radius:7px;justify-content:space-between;padding:9px 10px;font-size:8px;font-weight:750;display:flex}.recipe-grid article>button:hover{color:var(--purple);background:#f7f6ff;border-color:#bcb6ff}.activity-list{gap:8px;display:grid}.activity-list article{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:39px 1fr auto auto;align-items:center;gap:12px;padding:13px 15px;display:grid}.activity-list article>span{width:37px;height:37px;color:var(--purple);background:#efedff;border-radius:10px;place-items:center;display:grid}.activity-list div{min-width:0}.activity-list p{color:#777884;text-overflow:ellipsis;white-space:nowrap;margin:1px 0;font-size:8px;overflow:hidden}.activity-list small{color:#9a9ba5;font-size:7px}.activity-list>b{color:#696a76;background:#f0f0f4;border-radius:5px;padding:4px 6px;font-size:7px}.activity-list button{background:#fff;border:1px solid #dedee5;border-radius:6px;padding:7px 9px;font-size:8px}.settings-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.settings-grid article{border:1px solid var(--line);background:#fff;border-radius:11px;padding:18px}.settings-grid article>header{gap:10px;margin-bottom:15px;display:flex}.settings-grid header>span{height:36px;color:var(--purple);background:#efedff;border-radius:9px;flex:0 0 36px;place-items:center;display:grid}.settings-grid h3{margin:0;font-size:13px}.settings-grid header p{color:#7e7f8a;margin:2px 0 0;font-size:8px}.settings-grid label{color:#92939e;letter-spacing:.08em;font-size:7px;font-weight:850}.settings-grid label>div{margin-top:5px;display:flex}.settings-grid input{min-width:0;font-family:var(--mono);border:1px solid #dddde4;border-radius:7px 0 0 7px;outline:0;flex:1;padding:9px;font-size:8px}.settings-grid label button{color:#fff;background:var(--purple);border:0;border-radius:0 7px 7px 0;padding:0 10px;font-size:8px;font-weight:750}.settings-grid aside{color:#8b671f;background:#fff8e8;border-radius:7px;margin-top:10px;padding:9px;font-size:7px}.settings-grid article>strong{font-size:9px}.wide-button{color:#555662;background:#fff;border:1px solid #dedee5;border-radius:7px;width:100%;margin-top:13px;padding:9px;font-size:8px;font-weight:750}.danger-zone{border-color:#f0cbd0!important}.danger-zone header>span{color:#bd3747!important;background:#ffebee!important}.danger-zone .wide-button{color:#ba3444;background:#fff4f5;border-color:#efc1c8}.toast{z-index:90;color:#fff;background:#24242d;border-radius:8px;max-width:360px;padding:11px 14px;font-size:9px;font-weight:750;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 35px #0003}.studio-progress{grid-template-columns:repeat(4,1fr);max-width:760px;margin:0 auto 22px;display:grid}.studio-progress>div{color:#9a9ba6;align-items:center;gap:9px;display:flex;position:relative}.studio-progress>div:not(:last-child):after{content:"";background:#dadbe2;flex:1;height:1px}.studio-progress span{border:1px solid #d9d9e1;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:11px;font-weight:800;display:grid}.studio-progress strong{white-space:nowrap;font-size:12px}.studio-progress .active{color:var(--purple)}.studio-progress .active span{border-color:var(--purple);color:#fff;background:var(--purple)}.studio-card,.studio-result,.deployment-list{border:1px solid var(--line);background:#fff;border-radius:14px;max-width:1080px;margin:0 auto;box-shadow:0 8px 35px #17172109}.idea-stage{padding:32px}.studio-intro{text-align:center}.studio-intro>span{color:#fff;background:linear-gradient(145deg,#776cff,#5044e7);border-radius:17px;place-items:center;width:54px;height:54px;margin:auto;font-size:22px;display:grid;box-shadow:0 12px 34px #6558f542}.studio-intro h3{letter-spacing:-.035em;margin:12px 0 3px;font-size:25px}.studio-intro p{max-width:560px;color:var(--muted);margin:0 auto 25px;font-size:14px}.idea-stage>label{color:#777884;letter-spacing:.07em;gap:7px;font-size:11px;font-weight:850;display:grid}.idea-stage textarea{resize:vertical;border:1px solid #d9d9e1;border-radius:10px;outline:0;width:100%;min-height:135px;padding:16px;font-size:15px;line-height:1.6}.idea-stage textarea:focus,.question-list textarea:focus{border-color:#9990fa;box-shadow:0 0 0 4px #6558f510}.studio-actions{justify-content:center;align-items:center;gap:14px;margin:15px 0;display:flex}.studio-actions button,.questions-stage>footer button:last-child,.publish-hero>button{color:#fff;background:var(--purple);border:0;border-radius:8px;padding:11px 17px;font-size:13px;font-weight:800}.studio-actions button span{margin-left:12px}.studio-actions i{color:#9a9ba5;font-size:11px;font-style:normal}.idea-generator{background:#f7f6ff;border:1px solid #dedbef;border-radius:11px;padding:18px}.idea-generator>div:first-child{flex-direction:column;display:flex}.idea-generator strong{font-size:14px}.idea-generator small{color:#7e7f8a;font-size:12px}.idea-generator>div:last-child{gap:8px;margin-top:11px;display:flex}.idea-generator input{background:#fff;border:1px solid #d9d7ec;border-radius:8px;outline:0;flex:1;min-width:0;padding:11px 12px;font-size:13px}.idea-generator button{color:#fff;background:#282833;border:0;border-radius:8px;padding:0 14px;font-size:12px;font-weight:750}.generated-ideas{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;display:grid}.generated-ideas>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:9px;grid-template-columns:33px 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.generated-ideas>button:hover{background:#faf9ff;border-color:#aea7fa}.generated-ideas>button>span{color:var(--purple);font-family:var(--mono);font-size:11px;font-weight:850}.generated-ideas div{min-width:0}.generated-ideas strong{font-size:13px}.generated-ideas p{color:#737480;text-overflow:ellipsis;white-space:nowrap;margin:2px 0;font-size:11px;overflow:hidden}.generated-ideas small{color:#9899a4;font-size:10px}.generated-ideas b{color:var(--purple);font-size:10px}.studio-error{color:#ac3644;background:#fff4f5;border:1px solid #f0c4ca;border-radius:8px;margin-top:12px;padding:11px 13px;font-size:12px}.questions-stage{overflow:hidden}.questions-stage>header{border-bottom:1px solid var(--line);color:#fff;background:linear-gradient(135deg,#1b1b25,#282638);padding:24px 28px}.questions-stage>header span{color:#9990ff;letter-spacing:.12em;font-size:10px;font-weight:900}.questions-stage>header h3{margin:5px 0 2px;font-size:25px}.questions-stage>header p{color:#b3b3bf;max-width:760px;margin:0;font-size:13px}.question-list{gap:0;padding:6px 28px;display:grid}.question-list>label{border-bottom:1px solid #ececf1;grid-template-columns:.8fr 1.2fr;gap:24px;padding:19px 0;display:grid}.question-list label>div{gap:11px;display:flex}.question-list label>div>span{height:30px;color:var(--purple);background:#efedff;border-radius:8px;flex:0 0 30px;place-items:center;font-size:11px;font-weight:900;display:grid}.question-list label>div>div{flex-direction:column;display:flex}.question-list strong{font-size:13px}.question-list small{color:#878894;font-size:11px}.question-list textarea{resize:vertical;border:1px solid #dcdce3;border-radius:8px;outline:0;min-height:76px;padding:11px;font-size:13px}.questions-stage>.studio-error{margin:12px 28px}.questions-stage>footer{border-top:1px solid var(--line);background:#fafafd;justify-content:space-between;gap:10px;padding:16px 28px;display:flex}.questions-stage>footer button:first-child{color:#71727e;background:0 0;border:0;font-size:12px}.generation-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:540px;padding:35px;display:flex}.generation-orbit{place-items:center;width:105px;height:105px;display:grid;position:relative}.generation-orbit>span{z-index:2;color:#fff;background:linear-gradient(145deg,#756aff,#4f43e7);border-radius:20px;place-items:center;width:64px;height:64px;font-size:15px;font-weight:900;display:grid;position:relative;box-shadow:0 15px 40px #6558f54c}.generation-orbit i{border:1px solid #ccc8fa;border-radius:50%;width:100%;height:100%;animation:2.4s linear infinite orbit;position:absolute}.generation-orbit i:nth-child(2){animation-direction:reverse;transform:scale(.8)}.generation-orbit i:nth-child(3){opacity:.35;transform:scale(1.2)}.generation-orbit i:nth-child(4){background:var(--purple);border:0;border-radius:50%;width:8px;height:8px;box-shadow:0 -52px #6558f5}@keyframes orbit{to{transform:rotate(360deg)}}.generation-stage h3{margin:18px 0 4px;font-size:25px}.generation-stage>p{color:#747581;max-width:610px;margin:0;font-size:14px}.generation-tasks{grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;display:grid}.generation-tasks span{color:#7e7f8a;background:#f0f0f4;border-radius:7px;padding:9px 11px;font-size:11px}.generation-tasks span.done{color:#14845f;background:#e8f9f2}.studio-result{overflow:hidden}.studio-result>header{color:#fff;background:linear-gradient(135deg,#191921,#29273a);justify-content:space-between;gap:20px;padding:23px 25px;display:flex}.studio-result>header span{color:#59d4a5;letter-spacing:.11em;font-size:10px;font-weight:900}.studio-result>header h3{margin:4px 0;font-size:25px}.studio-result>header p{color:#b2b2bd;max-width:640px;margin:0;font-size:13px}.studio-result>header>div:last-child{align-items:flex-start;gap:7px;display:flex}.studio-result>header button{color:#d4d4dc;background:#2d2d38;border:1px solid #464651;border-radius:7px;padding:9px 11px;font-size:11px;font-weight:750}.studio-result>header button:last-child{color:#fff;background:var(--purple);border-color:#766af8}.studio-result>nav{border-bottom:1px solid var(--line);gap:25px;padding:0 24px;display:flex}.studio-result>nav button{color:#858691;background:0 0;border:0;padding:14px 0 12px;font-size:12px;font-weight:750;position:relative}.studio-result>nav button.active{color:var(--ink)}.studio-result>nav button.active:after{content:"";background:var(--purple);height:2px;position:absolute;bottom:-1px;left:0;right:0}.studio-result>nav button span{background:#eeeef2;border-radius:8px;margin-left:4px;padding:1px 5px;font-size:9px}.project-preview{border:1px solid #dcdce3;border-radius:10px;margin:18px;overflow:hidden}.project-preview>header{background:#f1f1f5;align-items:center;gap:6px;padding:9px 12px;display:flex}.project-preview>header>span{background:#d2d2d9;border-radius:50%;width:9px;height:9px}.project-preview>header>span:first-child{background:#f58b95}.project-preview>header>span:nth-child(2){background:#f0c36b}.project-preview>header>span:nth-child(3){background:#62cfa3}.project-preview>header strong{color:#777884;margin-left:7px;font-size:10px}.project-preview>header button{color:var(--purple);background:0 0;border:0;margin-left:auto;font-size:10px;font-weight:750}.project-preview iframe{background:#fff;border:0;width:100%;height:620px;display:block}.project-files{grid-template-columns:220px 1fr;min-height:590px;display:grid}.project-files>aside{border-right:1px solid var(--line);background:#fafafd;padding:10px}.project-files aside button{color:#6b6c78;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:28px 1fr;gap:8px;width:100%;padding:9px;font-size:11px;display:grid}.project-files aside button.active{color:var(--purple);background:#eceaff}.project-files aside button>span{background:#e6e6ec;border-radius:6px;grid-row:1/3;place-items:center;width:27px;height:27px;font-size:8px;font-weight:900;display:grid}.project-files aside small{color:#9a9ba6;font-size:9px}.project-files>section{color:#d1d1dc;background:#181820;min-width:0}.project-files section>header{border-bottom:1px solid #33333d;justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.project-files section header div{flex-direction:column;display:flex}.project-files section strong{font-size:12px}.project-files section small{color:#81828f;font-size:9px}.project-files section button{color:#c1c1ca;background:#282832;border:1px solid #3b3b46;border-radius:5px;padding:6px 8px;font-size:9px}.project-files pre{white-space:pre-wrap;max-height:545px;margin:0;padding:17px;font-size:12px;line-height:1.65;overflow:auto}.project-plan{grid-template-columns:1fr 1fr;gap:14px;padding:20px;display:grid}.project-plan article{border:1px solid var(--line);border-radius:9px;padding:17px}.project-plan article>span{color:#90919c;letter-spacing:.09em;font-size:10px;font-weight:900}.project-plan p{grid-template-columns:27px 1fr;gap:9px;margin:13px 0;display:grid}.project-plan p b{width:25px;height:25px;color:var(--purple);background:#efedff;border-radius:7px;grid-row:1/3;place-items:center;font-size:10px;display:grid}.project-plan p strong{font-size:12px}.project-plan p small{color:#92939e;font-size:10px}.publish-panel{padding:25px}.publish-hero{text-align:center;background:radial-gradient(circle at 50% 0,#e5e1ff,#0000 55%),#faf9ff;border:1px solid #dedbef;border-radius:12px;flex-direction:column;align-items:center;padding:36px;display:flex}.publish-hero>span{color:#fff;background:var(--purple);border-radius:16px;place-items:center;width:54px;height:54px;font-size:22px;display:grid}.publish-hero h3{margin:12px 0 4px;font-size:23px}.publish-hero>p{color:#747581;max-width:590px;margin:0;font-size:13px}.publish-hero>button{margin-top:18px}.publish-hero>small{color:#8f909b;margin-top:11px;font-size:10px}.published-success{text-align:left;background:#effbf6;border:1px solid #bfe9d9;border-radius:9px;grid-template-columns:1fr auto;gap:6px;width:min(650px,100%);margin-top:18px;padding:13px;display:grid}.published-success strong{color:#14835f;grid-column:1/-1;font-size:12px}.published-success a{color:#555662;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.published-success button{color:var(--purple);background:0 0;border:0;font-size:10px;font-weight:750}.deployment-list{margin-top:16px;overflow:hidden}.deployment-list>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.deployment-list header span{color:var(--purple);letter-spacing:.1em;font-size:9px;font-weight:900}.deployment-list h3{margin:2px 0 0;font-size:16px}.deployment-list header b{color:#14835f;background:#e7f9f1;border-radius:7px;padding:5px 8px;font-size:10px}.deployment-list article{border-bottom:1px solid #eeeef2;grid-template-columns:36px 1fr auto auto;align-items:center;gap:10px;padding:12px 18px;display:grid}.deployment-list article>span{width:34px;height:34px;color:var(--purple);background:#efedff;border-radius:9px;place-items:center;display:grid}.deployment-list article div{flex-direction:column;min-width:0;display:flex}.deployment-list article strong{font-size:12px}.deployment-list article a{color:var(--purple);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.deployment-list article small{color:#9697a2;font-size:9px}.deployment-list article button{color:#666773;background:#fff;border:1px solid #dedee5;border-radius:6px;padding:6px 8px;font-size:9px}.deployment-list article button:last-child{color:#b33a48;border-color:#efc7cd}.project-studio>.page-title{margin-bottom:20px}body{font-size:16px}.sidebar nav button{font-size:14px}.brand small{font-size:10px}.primary-action{font-size:13px}.security-note strong,.side-user strong{font-size:12px}.security-note small,.side-user small,.topbar>div>span{font-size:10px}.topbar h1{font-size:20px}.top-status{font-size:12px}.page-title>div>span,.eyebrow{font-size:10px}.page-title p{font-size:14px}.page-title>button{font-size:13px}.overview-hero p{font-size:15px}.overview-hero button{font-size:13px}.overview-hero>div:first-child>small{font-size:11px}.metrics span{font-size:10px}.metrics small{font-size:11px}.getting-started header span,.recent-build header>span{font-size:10px}.getting-started h3{font-size:16px}.getting-started button strong{font-size:13px}.getting-started button small{font-size:11px}.recent-build p{font-size:12px}.recent-build small{font-size:10px}.vault-banner strong{font-size:13px}.vault-banner p{font-size:11px}.key-card header strong{font-size:13px}.key-card header small{font-size:10px}.key-card>label{font-size:9px}.key-card>label>code,.key-card>label>div{font-size:11px}.key-card footer button,.key-card label button{font-size:10px}.builder-form label strong{font-size:13px}.builder-form label small{font-size:10px}.builder-form>textarea{font-size:13px}.frameworks button,.connection-picker strong{font-size:11px}.connection-picker small{font-size:9px}.generate{font-size:13px}.ai-safety{font-size:9px}.recipe-grid h3{font-size:16px}.recipe-grid p{font-size:12px}.recipe-meta{font-size:9px}.recipe-grid article>button{font-size:11px}.activity-list strong{font-size:13px}.activity-list p{font-size:11px}.activity-list small{font-size:9px}.settings-grid h3{font-size:15px}.settings-grid header p{font-size:11px}.settings-grid label{font-size:9px}.settings-grid input{font-size:11px}.settings-grid aside{font-size:10px}.wide-button,.code-workspace pre{font-size:11px}.code-workspace nav button,.code-workspace header strong{font-size:10px}@media (width<=1100px){.overview-hero{grid-template-columns:1fr;padding:36px}.flow-visual{max-width:620px;padding:35px 0 0}.key-grid,.recipe-grid{grid-template-columns:repeat(2,1fr)}.builder-layout{grid-template-columns:1fr}.build-output,.output-empty,.building-state{min-height:500px}.project-preview iframe{height:520px}}@media (width<=800px){.app-shell{display:block}.main-area{grid-column:1}.sidebar{transition:transform .22s;transform:translate(-105%);box-shadow:20px 0 50px #0004}.sidebar.open{transform:translate(0)}.menu{display:block}.topbar{height:68px;padding:0 15px}.top-status{font-size:0}.top-status>span{font-size:10px}.page{padding:17px}.overview{padding:13px}.overview-hero{padding:28px}.metrics{grid-template-columns:1fr 1fr}.overview-grid,.settings-grid{grid-template-columns:1fr}.topbar h1{font-size:15px}.topbar>div>span{display:none}.studio-progress{justify-content:start;overflow-x:auto}.studio-progress>div{min-width:145px}.question-list>label{grid-template-columns:1fr;gap:10px}.generated-ideas{grid-template-columns:1fr}.studio-result>header{flex-direction:column}.project-files{grid-template-columns:170px 1fr}.project-plan{grid-template-columns:1fr}}@media (width<=560px){html{font-size:15px}.overview-hero{padding:23px}.overview-hero h2{font-size:39px}.flow-visual{grid-template-columns:1fr;gap:8px}.flow-visual>b{width:2px;height:32px;margin:auto}.flow-visual>b i{display:none}.metrics{gap:7px}.metrics article{padding:13px}.metrics strong{font-size:22px}.page-title{flex-direction:column;align-items:flex-start}.key-grid,.recipe-grid,.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.builder-form{padding:14px}.frameworks{grid-template-columns:1fr}.result-summary strong{font-size:14px}.integration-result>header{flex-direction:column}.setup-grid{grid-template-columns:1fr}.settings-grid article{padding:14px}.activity-list article{grid-template-columns:35px 1fr auto}.activity-list article>b{display:none}.idea-stage{padding:18px}.idea-generator>div:last-child{flex-direction:column}.idea-generator button{min-height:42px}.questions-stage>header,.question-list,.questions-stage>footer{padding-inline:17px}.questions-stage>footer{flex-direction:column-reverse}.questions-stage>footer button{width:100%;min-height:42px}.generation-tasks{grid-template-columns:1fr}.studio-result>header>div:last-child{flex-wrap:wrap}.studio-result>nav{gap:17px;overflow-x:auto}.project-preview{margin:10px}.project-preview iframe{height:470px}.project-files{display:block}.project-files>aside{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.project-files aside button{min-width:150px}.project-files pre{max-height:430px}.deployment-list article{grid-template-columns:32px 1fr auto}.deployment-list article button:last-child{grid-column:2/-1}.published-success{grid-template-columns:1fr}.published-success button{justify-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.generation-controls{gap:14px;margin:18px 0 4px;display:grid}.generation-controls fieldset{background:#fafafd;border:1px solid #e0e0e8;border-radius:12px;min-width:0;margin:0;padding:14px}.generation-controls legend{justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:0 2px 10px;display:flex}.generation-controls legend span{color:#555662;letter-spacing:.08em;font-size:12px;font-weight:900}.generation-controls legend small{color:#8d8e99;letter-spacing:0;font-size:11px;font-weight:600}.effort-options,.speed-options{gap:8px;display:grid}.effort-options{grid-template-columns:repeat(5,minmax(0,1fr))}.speed-options{grid-template-columns:repeat(3,minmax(0,1fr))}.generation-controls button{color:#545560;text-align:left;background:#fff;border:1px solid #dedee7;border-radius:9px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-height:66px;padding:10px 12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.generation-controls button:hover{border-color:#aaa3fb;transform:translateY(-1px)}.generation-controls button.selected{color:#5044e7;background:linear-gradient(145deg,#f4f2ff,#fff);border-color:#766af8;box-shadow:0 0 0 3px #6558f512}.generation-controls button strong{font-size:13px}.generation-controls button small{color:#898a96;font-size:10px;line-height:1.35}.generation-controls button.selected small{color:#6f6a9d}.generation-badges{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.generation-badges.centered{justify-content:center;margin:14px 0 2px}.generation-badges b{color:#5b50dc;background:#f1efff;border:1px solid #dcd8ff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.published-success{grid-template-columns:minmax(0,1fr) auto}.published-success>span{color:#555662;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.published-success>div{align-items:center;gap:5px;display:flex}.published-success>div button{background:#fff;border:1px solid #d8d3ff;border-radius:6px;padding:6px 8px}.deployment-list .deployment-link{max-width:100%;color:var(--purple);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;align-self:flex-start;padding:1px 0;font-size:10px;overflow:hidden}.live-notice{z-index:120;background:#fff;border:1px solid #dddde7;border-radius:13px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;width:min(560px,100vw - 32px);padding:16px 18px;animation:.25s ease-out notice-in;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 20px 60px #1717212e}.live-notice>div{flex-direction:column;min-width:0;display:flex}.live-notice strong{font-size:14px}.live-notice small{color:#7d7e8a;margin-top:2px;font-size:11px}.live-notice button{border-radius:8px;min-height:42px;font-size:12px;font-weight:800}.live-notice .view-live{color:#fff;background:#6558f5;border:1px solid #6558f5;padding:0 16px}.live-notice .dismiss-live{color:#5f606b;background:#f1f1f5;border:0;width:42px;font-size:20px}.live-notice .dismiss-live:hover{color:#1f2028;background:#e5e5eb}@keyframes notice-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.effort-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.generation-controls legend{flex-direction:column;align-items:flex-start;gap:2px}.effort-options,.speed-options{grid-template-columns:1fr 1fr}.generation-controls button{min-height:62px}.published-success{grid-template-columns:1fr}.published-success>div{justify-content:flex-start}.live-notice{grid-template-columns:1fr auto;padding:14px;bottom:16px;right:16px}.live-notice>div{grid-column:1/-1}.live-notice .dismiss-live{grid-area:2/2}.live-notice .view-live{grid-area:2/1}}:root[data-theme=dark]{--ink:#f4f4fa;--muted:#aab;--line:#30303d;--canvas:#101018;--panel:#191922;--purple:#8278ff;--purple2:#7166f6;--green:#38c995;--red:#ff7889;--amber:#f2b45d;--side:#0c0c13}html,body,.main-area,.topbar,.sidebar,.metrics article,.overview-grid>article,.add-key-form,.key-card,.builder-form,.build-output,.recipe-grid article,.activity-list article,.settings-grid article,.studio-card,.studio-result,.deployment-list,.live-notice{transition:background-color .22s,border-color .22s,color .22s,box-shadow .22s}::selection{color:#fff;background:#6558f5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--purple)}@supports (color:color-mix(in lab, red, red)){button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--purple) 38%,transparent)}}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px}.theme-toggle{border:1px solid var(--line);color:#5d5e6a;background:#fff;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-width:92px;height:42px;padding:0 12px;font-size:12px;font-weight:800;display:flex;box-shadow:0 4px 14px #1717210a}.theme-toggle:hover{color:var(--purple);background:#faf9ff;border-color:#beb9f4}.theme-toggle-icon{background:#6558f5;border-radius:50%;flex:0 0 20px;width:20px;height:20px;transition:transform .25s,box-shadow .25s,background .25s;display:block;position:relative;box-shadow:inset -6px -4px #fff,0 0 0 2px #6558f51c}.theme-toggle.is-dark .theme-toggle-icon,.sidebar-theme.is-dark .theme-toggle-icon{background:#ffd166;transform:rotate(180deg)scale(.85);box-shadow:0 0 0 3px #ffd16620,0 0 16px #ffd1664d}.sidebar-theme{color:#d6d6df;text-align:left;background:#1b1b24;border:1px solid #30303b;border-radius:10px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:10px 11px;display:grid}.sidebar-theme:hover{background:#23232e;border-color:#454254}.sidebar-theme>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.sidebar-theme strong{font-size:12px;line-height:1.25}.sidebar-theme small{color:#858694;font-size:10px}.sidebar-theme b{color:#a6a3d9;background:#2c2a42;border-radius:999px;padding:3px 6px;font-size:9px}.sidebar-theme.is-dark b{color:#75dfb5;background:#183b31}[data-theme=dark] body{color:var(--ink);background:var(--canvas)}[data-theme=dark] .sidebar{background:linear-gradient(#0c0c14,#11111a);border-color:#262631;box-shadow:16px 0 45px #0003}[data-theme=dark] .sidebar nav button{color:#a7a7b6}[data-theme=dark] .sidebar nav button:hover,[data-theme=dark] .sidebar nav button.active{color:#fff;background:#242431}[data-theme=dark] .sidebar nav button.active{box-shadow:inset 3px 0 #8278ff}[data-theme=dark] .security-note{background:#171720;border-color:#2f2f3c}[data-theme=dark] .side-user{border-color:#2a2a36}[data-theme=dark] .topbar{border-color:var(--line);background:#101018e0;box-shadow:0 8px 30px #0002}[data-theme=dark] .topbar h1{color:#f7f7fb}[data-theme=dark] .top-status{color:#aab}[data-theme=dark] .top-status b{color:#fff;background:#2b2b38}[data-theme=dark] .menu,[data-theme=dark] .theme-toggle{color:#d5d5df;box-shadow:none;background:#1b1b25;border-color:#363645}[data-theme=dark] .theme-toggle:hover{color:#fff;background:#242431;border-color:#625d9e}[data-theme=dark] :is(.metrics article,.overview-grid>article,.add-key-form,.key-card,.builder-form,.build-output,.recipe-grid article,.activity-list article,.settings-grid article,.studio-card,.studio-result,.deployment-list,.live-notice){border-color:var(--line);color:var(--ink);background:var(--panel);box-shadow:0 18px 48px #0002}[data-theme=dark] :is(.page-title p,.metrics small,.metrics span,.getting-started button small,.recent-build p,.recent-build small,.vault-banner p,.key-card header small,.builder-form label small,.connection-picker small,.output-empty>p,.building-state>p,.integration-result>header p,.recipe-grid p,.activity-list p,.activity-list small,.settings-grid header p,.studio-intro p,.idea-generator small,.generated-ideas p,.generated-ideas small,.question-list small,.generation-stage>p,.studio-result>header p,.project-plan small,.publish-hero>p,.publish-hero>small,.deployment-list article small,.live-notice small,.ai-safety){color:#aab}[data-theme=dark] :is(.metrics strong,.getting-started h3,.recent-build h3,.key-card strong,.builder-form strong,.output-empty h3,.building-state h3,.integration-result h3,.recipe-grid h3,.activity-list strong,.settings-grid h3,.studio-card h3,.generated-ideas strong,.question-list strong,.generation-stage h3,.project-plan strong,.publish-hero h3,.deployment-list h3,.deployment-list article strong,.live-notice strong){color:#f4f4fa}[data-theme=dark] .overview-hero{background:radial-gradient(circle at 72% -5%,#4b427b 0,#0000 35%),linear-gradient(135deg,#171721,#20202d);border-color:#38374a;box-shadow:0 24px 70px #0005}[data-theme=dark] .flow-visual article{background:#22222e;border-color:#46445a;box-shadow:0 18px 40px #0005}[data-theme=dark] .getting-started>header,[data-theme=dark] .recent-build>header{border-color:var(--line)}[data-theme=dark] .getting-started>button{color:var(--ink);background:#191922;border-color:#2d2d39}[data-theme=dark] .getting-started>button:hover{background:#20202b}[data-theme=dark] .getting-started>button>span{color:#b2b2c1;border-color:#3a3a47}[data-theme=dark] .getting-started>button>span.done{color:#54d5a4;background:#16352b;border-color:#285d4a}[data-theme=dark] .getting-started header>b,[data-theme=dark] .recent-build .blank>span{color:#aaa3ff;background:#292642}[data-theme=dark] .recent-build .blank button{color:#aaa3ff;background:#242138;border-color:#48426f}[data-theme=dark] .vault-banner{background:linear-gradient(135deg,#242038,#1b1a28);border-color:#47416d}[data-theme=dark] .vault-banner>span{color:#afa8ff;background:#302b50}[data-theme=dark] .vault-banner>b{color:#64d7ad;background:#16382d}[data-theme=dark] :is(input,textarea,select){color:#f0f0f6;caret-color:#a9a2ff;background:#14141d;border-color:#3a3a47}[data-theme=dark] :is(input,textarea)::placeholder{color:#777887;opacity:1}[data-theme=dark] :is(input,textarea,select):focus{border-color:#8177ed;box-shadow:0 0 0 3px #8177ed20}[data-theme=dark] .add-key-form>header,[data-theme=dark] .add-key-form>footer,[data-theme=dark] .key-card>header,[data-theme=dark] .key-card>footer{border-color:var(--line)}[data-theme=dark] .add-key-form header button{color:#b3b3c0}[data-theme=dark] .add-key-form footer button,[data-theme=dark] .key-card footer button{color:#d3d3dd;background:#22222c;border-color:#3b3b48}[data-theme=dark] .add-key-form footer button:hover,[data-theme=dark] .key-card footer button:hover{background:#292935;border-color:#5a557e}[data-theme=dark] .add-key-form footer button:last-child{border-color:var(--purple);color:#fff;background:var(--purple)}[data-theme=dark] .key-card>label>code,[data-theme=dark] .key-card>label>div{color:#d1d1dc}[data-theme=dark] .state{color:#b9b9c5;background:#2b2b36}[data-theme=dark] .state.connected{color:#61dfb1;background:#173b30}[data-theme=dark] .state.failed{color:#ff8c99;background:#451f27}[data-theme=dark] .state.testing{color:#f4c778;background:#45361d}[data-theme=dark] .stepper>div:not(:last-child):after{background:#373743}[data-theme=dark] .stepper span{border-color:#444451}[data-theme=dark] .builder-form>label>span{color:#aaa3ff;background:#2b2845}[data-theme=dark] .idea-chips button,[data-theme=dark] .frameworks button,[data-theme=dark] .connection-picker button{color:#c9c9d4;background:#1c1c26;border-color:#393946}[data-theme=dark] .idea-chips button:hover,[data-theme=dark] .frameworks button:hover,[data-theme=dark] .connection-picker button:hover{background:#242432;border-color:#5a557f}[data-theme=dark] .frameworks button.selected,[data-theme=dark] .connection-picker button.selected{color:#b6afff;background:#292642;border-color:#7d73e6;box-shadow:0 0 0 2px #7d73e617}[data-theme=dark] .needs-key{color:#aab;background:#171720;border-color:#444451}[data-theme=dark] .builder-error,[data-theme=dark] .studio-error{color:#ff9aa6;background:#351b22;border-color:#713c48}[data-theme=dark] .integration-result>header,[data-theme=dark] .result-summary,[data-theme=dark] .architecture{border-color:var(--line)}[data-theme=dark] .integration-result>header button{color:#dddde6;background:#22222d;border-color:#3c3c48}[data-theme=dark] .result-summary div+div{border-color:var(--line)}[data-theme=dark] .architecture>span{color:#c1c1cd;background:#272732}[data-theme=dark] .env-block{background:#15151e;border-color:#363643}[data-theme=dark] .env-block code{color:#d0d0db}[data-theme=dark] .setup-grid article{background:#1b1b24;border-color:#343441}[data-theme=dark] .setup-grid p{color:#bebeca}[data-theme=dark] .code-workspace,[data-theme=dark] .project-files>section{color:#dedee7;background:#101017;border-color:#343441}[data-theme=dark] .code-workspace>nav{background:#191922}[data-theme=dark] .recipe-grid article>button{color:#aba4ff;background:#20202b;border-color:#3b3b48}[data-theme=dark] .recipe-grid article>button:hover{background:#29263f;border-color:#655ec0}[data-theme=dark] .recipe-meta{color:#b2b2c0;border-color:#33333f}[data-theme=dark] .activity-list article{border-bottom-color:var(--line)}[data-theme=dark] .activity-list article>b{color:#aba4ff;background:#292642}[data-theme=dark] .activity-list article button{color:#dddde6;background:#22222c;border-color:#3c3c49}[data-theme=dark] .settings-grid article>header{border-color:var(--line)}[data-theme=dark] .settings-grid article>header>span{color:#aaa3ff;background:#2b2845}[data-theme=dark] .settings-grid label{color:#aab}[data-theme=dark] .settings-grid label>div button,[data-theme=dark] .wide-button{color:#dedee7;background:#22222d;border-color:#3c3c49}[data-theme=dark] .settings-grid label>div button:hover,[data-theme=dark] .wide-button:hover{background:#2a2938;border-color:#6860b2}[data-theme=dark] .settings-grid aside{color:#edc684;background:#332816;border-color:#5c4b2c}[data-theme=dark] .settings-grid .danger-zone{background:linear-gradient(150deg,#25171c,#191922 60%);border-color:#65323b}[data-theme=dark] .danger-zone header>span{color:#ff94a1;background:#481f27}[data-theme=dark] .danger-zone .wide-button{color:#ff9ca7;background:#3a1c23;border-color:#7a3743}[data-theme=dark] .studio-progress>div{color:#9d9dac}[data-theme=dark] .studio-progress>div>span{color:#b7b7c4;background:#1c1c25;border-color:#3d3d4a}[data-theme=dark] .studio-progress>div.active>span{color:#fff;background:#8278ff;border-color:#8278ff}[data-theme=dark] .studio-progress>div:not(:last-child):after{background:#353541}[data-theme=dark] .idea-generator{background:#201e30;border-color:#42405a}[data-theme=dark] .generated-ideas>button{color:var(--ink);background:#1b1b24;border-color:#383845}[data-theme=dark] .generated-ideas>button:hover{background:#27243c;border-color:#7168c9}[data-theme=dark] .generation-controls fieldset{background:#171720;border-color:#363643}[data-theme=dark] .generation-controls legend span{color:#dedee7}[data-theme=dark] .generation-controls legend small{color:#9c9cab}[data-theme=dark] .generation-controls button{color:#d1d1dc;background:#20202a;border-color:#3b3b48}[data-theme=dark] .generation-controls button:hover{background:#282735;border-color:#6e67b8}[data-theme=dark] .generation-controls button.selected{color:#c2bdff;background:linear-gradient(145deg,#302b50,#20202a);border-color:#8278ff;box-shadow:0 0 0 3px #8278ff17}[data-theme=dark] .generation-controls button small,[data-theme=dark] .generation-controls button.selected small{color:#aab}[data-theme=dark] .generation-badges b{color:#bbb5ff;background:#292642;border-color:#4e4879}[data-theme=dark] .questions-stage>header,[data-theme=dark] .studio-result>header{background:linear-gradient(135deg,#14141d,#29253d)}[data-theme=dark] .question-list>label{border-color:var(--line)}[data-theme=dark] .question-list label>div>span,[data-theme=dark] .project-plan p b,[data-theme=dark] .deployment-list article>span{color:#b5afff;background:#2c2948}[data-theme=dark] .questions-stage>footer{border-color:var(--line);background:#16161f}[data-theme=dark] .questions-stage>footer button:first-child{color:#b7b7c4}[data-theme=dark] .generation-orbit i{border-color:#4e4979}[data-theme=dark] .generation-tasks span{color:#b5b5c2;background:#252530}[data-theme=dark] .generation-tasks span.done{color:#65dcb1;background:#17382e}[data-theme=dark] .studio-result>nav{border-color:var(--line)}[data-theme=dark] .studio-result>nav button{color:#9999a8}[data-theme=dark] .studio-result>nav button.active{color:#f5f5fa}[data-theme=dark] .studio-result>nav button span{color:#bebecd;background:#292934}[data-theme=dark] .project-preview{background:#111118;border-color:#373744}[data-theme=dark] .project-preview>header{background:#24242e}[data-theme=dark] .project-preview>header strong{color:#b0b0be}[data-theme=dark] .project-files>aside{border-color:var(--line);background:#15151e}[data-theme=dark] .project-files aside button{color:#aeaebc}[data-theme=dark] .project-files aside button:hover{background:#20202a}[data-theme=dark] .project-files aside button.active{color:#b7b1ff;background:#2b2845}[data-theme=dark] .project-files aside button>span{color:#c7c7d2;background:#2c2c37}[data-theme=dark] .project-plan article{background:#1a1a23;border-color:#363643}[data-theme=dark] .publish-hero{background:radial-gradient(circle at 50% 0,#332e54,#0000 58%),#191822;border-color:#44405f}[data-theme=dark] .published-success{background:#17342b;border-color:#285e4b}[data-theme=dark] .published-success strong{color:#69dfb5}[data-theme=dark] .published-success>span{color:#c5c5cf}[data-theme=dark] .published-success>div button{color:#c0baff;background:#24213a;border-color:#4a4672}[data-theme=dark] .deployment-list>header,[data-theme=dark] .deployment-list article{border-color:var(--line)}[data-theme=dark] .deployment-list header b{color:#62dbae;background:#17382e}[data-theme=dark] .deployment-list article button{color:#d4d4de;background:#22222c;border-color:#3b3b47}[data-theme=dark] .deployment-list article button:last-child{color:#ff929f;background:#301a20;border-color:#65343e}[data-theme=dark] .empty{color:var(--ink)}[data-theme=dark] .empty>span{color:#afa8ff;background:#2b2845}[data-theme=dark] .empty p{color:#aab}[data-theme=dark] .empty button{color:#b9b3ff;background:#28243e;border-color:#514b80}[data-theme=dark] .toast{color:#f5f3ff;background:#28243e;border:1px solid #4a456d;box-shadow:0 18px 55px #0007}[data-theme=dark] .live-notice{background:#1d1d27;border-color:#3b3b49;box-shadow:0 24px 70px #0008}[data-theme=dark] .live-notice .dismiss-live{color:#c8c8d2;background:#2b2b36}[data-theme=dark] .live-notice .dismiss-live:hover{color:#fff;background:#383845}[data-theme=dark] *{scrollbar-color:#444454 #171720}@media (width<=800px){.theme-toggle{width:44px;min-width:44px;padding:0}.theme-toggle>span:last-child{display:none}[data-theme=dark] .sidebar{box-shadow:20px 0 60px #0009}input,textarea,select{font-size:16px!important}}@media (prefers-reduced-motion:reduce){html,body,.main-area,.topbar,.sidebar,.theme-toggle-icon{transition:none!important}}.studio-recovered{background:#f0fbf7;border:1px solid #cce9dd;border-radius:10px;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;max-width:1080px;margin:-7px auto 18px;padding:12px 14px;display:grid}.studio-recovered>span{color:#14835f;background:#dff6ed;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.studio-recovered>div{flex-direction:column;display:flex}.studio-recovered strong{font-size:13px}.studio-recovered small{color:#68766f;font-size:11px}.studio-recovered button{color:#59635e;background:#fff;border:1px solid #c9d9d1;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:750}.error-with-action{justify-content:space-between;align-items:center;gap:12px;display:flex}.error-with-action button{color:#a52f3e;background:#fff;border:1px solid #e9aab3;border-radius:6px;flex:none;padding:7px 10px;font-size:12px;font-weight:800}.generation-time{color:#747581;margin-top:12px;font-size:12px}.generation-tasks span.active{color:#5d52d9;background:#efedff;box-shadow:inset 0 0 0 1px #d8d3ff}.cancel-generation{color:#666773;background:#fff;border:1px solid #dedee5;border-radius:8px;margin-top:18px;padding:9px 13px;font-size:12px;font-weight:750}.result-generation-meta{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.studio-result>header .result-generation-meta b{color:#c8c8d3;background:#2c2c37;border:1px solid #41414d;border-radius:999px;padding:5px 8px;font-size:10px}.studio-result>header .result-generation-meta b.recovered{color:#67dcb0;background:#193a30;border-color:#275e4b}.studio-result>header>div:last-child{flex-wrap:wrap;justify-content:flex-end}.preview-devices{background:#e5e5eb;border-radius:7px;gap:3px;margin-left:auto;padding:3px;display:flex}.project-preview>header .preview-devices button{color:#6d6e79;border-radius:5px;margin:0;padding:5px 7px;font-size:10px}.project-preview>header .preview-devices button.active{color:#fff;background:var(--purple)}.project-preview>header>button:last-child{margin-left:8px}.preview-frame{background:repeating-conic-gradient(#f0f0f4 0 25%,#fafafd 0 50%) 50%/20px 20px;justify-content:center;min-height:620px;transition:padding .2s;display:flex;overflow:auto}.preview-frame iframe{flex:none;transition:width .2s;box-shadow:0 0 0 1px #d7d7df,0 18px 45px #17172118}.preview-frame.desktop iframe{width:100%}.preview-frame.tablet{padding:18px}.preview-frame.tablet iframe{width:min(768px,100%)}.preview-frame.mobile{padding:18px}.preview-frame.mobile iframe{width:min(390px,100%)}.project-preview>footer{color:#14835f;background:#f6fbf8;border-top:1px solid #dedee5;justify-content:space-between;align-items:center;gap:15px;padding:9px 12px;display:flex}.project-preview>footer strong{font-size:11px}.project-preview>footer small{color:#69756e;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.project-preview>footer.has-errors{color:#ad3544;background:#fff4f5}.project-preview>footer.has-errors small{color:#8d4b54}.quality-panel{padding:22px}.quality-panel>header{background:linear-gradient(135deg,#fafafd,#f3f1ff);border:1px solid #dedee6;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px;display:grid}.quality-score{border:8px solid #dcd8ff;border-top-color:var(--purple);background:#fff;border-radius:50%;place-items:center;width:92px;height:92px;display:grid}.quality-score strong{font-size:28px;line-height:1}.quality-score span{color:#8b8c97;font-size:10px}.quality-panel>header>div:nth-child(2)>span{color:var(--purple);letter-spacing:.1em;font-size:10px;font-weight:900}.quality-panel>header h3{margin:3px 0;font-size:22px}.quality-panel>header p{color:#747581;max-width:600px;margin:0;font-size:12px}.quality-panel>header>button{color:#fff;background:var(--purple);border:0;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:800}.quality-checks{grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;display:grid}.quality-checks article{border:1px solid var(--line);border-radius:9px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:13px;display:grid}.quality-checks article>span{border-radius:8px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.quality-checks article>div{flex-direction:column;min-width:0;display:flex}.quality-checks strong{font-size:12px}.quality-checks small{color:#858691;font-size:10px}.quality-checks article>b{color:#90919c;font-size:9px}.quality-checks .passed>span{color:#14835f;background:#e4f8f0}.quality-checks .missed{background:#fffafb;border-color:#f0c8ce}.quality-checks .missed>span{color:#b13a49;background:#ffebee}.improve-panel{padding:24px}.improve-intro{background:linear-gradient(135deg,#f8f7ff,#efedff);border:1px solid #ded9ff;border-radius:11px;align-items:center;gap:13px;padding:18px;display:flex}.improve-intro>span{color:#fff;background:var(--purple);border-radius:13px;flex:0 0 45px;place-items:center;height:45px;font-size:19px;display:grid}.improve-intro h3{margin:0;font-size:20px}.improve-intro p{color:#747581;max-width:720px;margin:3px 0 0;font-size:12px}.improvement-chips{flex-wrap:wrap;gap:6px;margin:15px 0;display:flex}.improvement-chips button{color:#5f606b;background:#fff;border:1px solid #dedee6;border-radius:999px;padding:7px 9px;font-size:11px}.improvement-chips button:hover{color:var(--purple);background:#f7f6ff;border-color:#aaa3fb}.improve-panel>label{color:#777884;letter-spacing:.08em;gap:7px;font-size:10px;font-weight:900;display:grid}.improve-panel textarea{resize:vertical;border:1px solid #dcdce3;border-radius:9px;outline:0;min-height:145px;padding:14px;font-size:14px;line-height:1.6}.improve-panel label>small{color:#93949f;letter-spacing:0;justify-self:end;font-size:10px;font-weight:600}.improve-panel>footer{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.improve-panel>footer button{color:#666773;background:#fff;border:1px solid #dedee5;border-radius:8px;padding:10px 13px;font-size:12px;font-weight:800}.improve-panel>footer button:last-child{border-color:var(--purple);color:#fff;background:var(--purple)}.improve-panel>footer button:disabled{color:#999aa4;background:#eeeef2;border-color:#d8d8df}[data-theme=dark] .studio-recovered{background:#17342b;border-color:#285e4b}[data-theme=dark] .studio-recovered>span{color:#67dcb0;background:#20493c}[data-theme=dark] .studio-recovered small{color:#acd0c1}[data-theme=dark] .studio-recovered button,[data-theme=dark] .cancel-generation{color:#d4d4de;background:#22222c;border-color:#3c3c49}[data-theme=dark] .error-with-action button{color:#ff9ca7;background:#2d1a20;border-color:#7a3b46}[data-theme=dark] .generation-time{color:#aab}[data-theme=dark] .generation-tasks span.active{color:#bdb7ff;background:#292642;box-shadow:inset 0 0 0 1px #514b80}[data-theme=dark] .preview-devices{background:#30303b}[data-theme=dark] .project-preview>header .preview-devices button{color:#b8b8c5}[data-theme=dark] .preview-frame{background:repeating-conic-gradient(#16161f 0 25%,#1b1b25 0 50%) 50%/20px 20px}[data-theme=dark] .preview-frame iframe{box-shadow:0 0 0 1px #3b3b47,0 18px 55px #0006}[data-theme=dark] .project-preview>footer{color:#68ddb2;background:#17342b;border-color:#353541}[data-theme=dark] .project-preview>footer small{color:#acd0c1}[data-theme=dark] .project-preview>footer.has-errors{color:#ff9aa6;background:#351b22}[data-theme=dark] .project-preview>footer.has-errors small{color:#e6a9b1}[data-theme=dark] .quality-panel>header{background:linear-gradient(135deg,#1b1b24,#292642);border-color:#3b394e}[data-theme=dark] .quality-score{background:#171720;border-color:#8b81ff #403b67 #403b67}[data-theme=dark] .quality-panel>header h3{color:#f4f4fa}[data-theme=dark] .quality-panel>header p{color:#aab}[data-theme=dark] .quality-checks article{background:#1a1a23;border-color:#363643}[data-theme=dark] .quality-checks strong{color:#f0f0f6}[data-theme=dark] .quality-checks small{color:#aab}[data-theme=dark] .quality-checks .passed>span{color:#65dcb1;background:#17382e}[data-theme=dark] .quality-checks .missed{background:#26171c;border-color:#65343e}[data-theme=dark] .quality-checks .missed>span{color:#ff929f;background:#401d25}[data-theme=dark] .improve-intro{background:linear-gradient(135deg,#211e32,#292642);border-color:#49456c}[data-theme=dark] .improve-intro h3{color:#f4f4fa}[data-theme=dark] .improve-intro p{color:#aab}[data-theme=dark] .improvement-chips button,[data-theme=dark] .improve-panel>footer button{color:#d0d0dc;background:#20202a;border-color:#3b3b48}[data-theme=dark] .improvement-chips button:hover{color:#c0baff;background:#292642;border-color:#6e67b8}[data-theme=dark] .improve-panel>label{color:#b8b8c4}[data-theme=dark] .improve-panel label>small{color:#9999a8}[data-theme=dark] .improve-panel>footer button:last-child{border-color:var(--purple);color:#fff;background:var(--purple)}@media (width<=800px){.quality-panel>header{grid-template-columns:auto 1fr}.quality-panel>header>button{grid-column:1/-1}.quality-checks{grid-template-columns:1fr}.preview-devices{order:2;width:100%;margin:6px 0 0}.project-preview>header{flex-wrap:wrap}.project-preview>header>button:last-child{margin-left:auto}.studio-result>nav{gap:19px;overflow-x:auto}.studio-result>nav button{flex:none}.preview-frame.tablet,.preview-frame.mobile{padding:10px}}@media (width<=560px){.studio-recovered{grid-template-columns:34px 1fr}.studio-recovered button{grid-column:1/-1}.error-with-action{flex-direction:column;align-items:stretch}.quality-panel,.improve-panel{padding:14px}.quality-panel>header{text-align:center;grid-template-columns:1fr}.quality-score{margin:auto}.quality-panel>header>button{grid-column:auto}.quality-checks article{grid-template-columns:32px 1fr}.quality-checks article>b{grid-column:2}.improve-intro{align-items:flex-start}.improve-panel>footer{flex-direction:column-reverse}.improve-panel>footer button{width:100%;min-height:44px}.project-preview>footer{flex-direction:column;align-items:flex-start}.project-preview>footer small{white-space:normal}.preview-devices button{flex:1}.preview-frame{min-height:470px}}body{min-width:0}.side-user small{color:#9b9cab;font-size:11px}.generation-controls button small{font-size:12px;line-height:1.4}@media (width<=800px){.studio-progress{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:10px;overflow:visible}.studio-progress>div{min-width:0}.studio-progress strong{white-space:normal;min-width:0;line-height:1.25}.studio-progress>div:not(:last-child):after{display:none}}