:root{--color-primary: #ff5f1f;--color-primary-dark: #e14c11;--color-primary-light: #ff8d5c;--color-bg: #0b1020;--color-bg-alt: #121a30;--color-surface: rgba(18, 26, 48, .88);--color-surface-strong: #18233f;--color-border: rgba(255, 255, 255, .1);--color-border-alt: rgba(255, 255, 255, .16);--color-text: #f5f7fb;--color-text-secondary: rgba(245, 247, 251, .78);--color-text-muted: rgba(245, 247, 251, .48);--color-text-inverse: #09101f;--color-error: #ff6b6b;--color-error-light: rgba(255, 107, 107, .14);--color-warning: #f7b84b;--color-warning-light: rgba(247, 184, 75, .14);--color-success: #41d39b;--color-success-light: rgba(65, 211, 155, .14);--color-info: #63a8ff;--color-info-light: rgba(99, 168, 255, .14);--color-purple: #a47bff;--color-purple-light: rgba(164, 123, 255, .14);--text-2xs: 11px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 20px;--text-xl: 28px;--text-2xl: 40px;--text-3xl: 52px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-xs: 0 6px 18px rgba(5, 10, 22, .18);--shadow-sm: 0 12px 28px rgba(5, 10, 22, .24);--shadow-md: 0 20px 48px rgba(5, 10, 22, .3);--shadow-lg: 0 30px 72px rgba(5, 10, 22, .38);--transition-fast: .12s;--transition-base: .2s;--transition-slow: .35s}.ide-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(99,168,255,.18),transparent 34%),radial-gradient(circle at top right,rgba(255,95,31,.18),transparent 28%),linear-gradient(180deg,var(--color-bg),#060a14 100%);color:var(--color-text)}.ide-shell__frame{width:min(1480px,calc(100vw - var(--space-8)));margin:0 auto;padding:var(--space-6)}.ide-glass{background:#0a1020c7;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.ide-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.ide-topbar__logo{height:28px;width:auto;flex-shrink:0}.ide-topbar__group,.ide-topbar__actions,.ide-statusbar,.ide-preview__toolbar,.ide-chat__toolbar,.ide-filetree__header,.ide-settings__section,.ide-site-actions,.ide-statusbar__group,.ide-backend-card__head,.ide-backend-card__foot,.ide-preview__toolbar-actions,.ide-prompt-starter__head,.ide-guided-builder__head,.ide-guided-builder__actions,.ide-starter-card__actions,.ide-filetree__preview-head{display:flex;align-items:center;gap:var(--space-3)}.ide-title-input{width:min(360px,100%);border:1px solid transparent;background:#ffffff0a;color:var(--color-text);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-4);font-size:var(--text-md);font-weight:600;transition:border-color var(--transition-base),background var(--transition-base),transform var(--transition-base)}.ide-title-input:focus-visible,.ide-input:focus-visible,.ide-button:focus-visible,.ide-icon-button:focus-visible,.ide-select:focus-visible,.ide-menu-button:focus-visible,.ide-filetree__button:focus-visible,.ide-chip:focus-visible{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 3px #ff5f1f2e}.ide-device-switch{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:#ffffff0a;border-radius:var(--radius-pill);border:1px solid var(--color-border)}.ide-button,.ide-icon-button,.ide-menu-button,.ide-filetree__button,.ide-chip{border:1px solid transparent;border-radius:var(--radius-pill);color:var(--color-text);background:#ffffff0a;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base),opacity var(--transition-base)}.ide-button:hover,.ide-icon-button:hover,.ide-menu-button:hover,.ide-filetree__button:hover,.ide-chip:hover{transform:translateY(-1px);background:#ffffff14}.ide-button:disabled,.ide-icon-button:disabled,.ide-menu-button:disabled,.ide-filetree__button:disabled,.ide-chip:disabled{opacity:.45;cursor:not-allowed;transform:none}.ide-button--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-text-inverse)}.ide-button--success{background:var(--color-success-light);border-color:#41d39b42;color:var(--color-success)}.ide-button--warning{background:var(--color-warning-light);border-color:#f7b84b38;color:var(--color-warning)}.ide-button--active{background:#ff5f1f29;border-color:#ff5f1f47;color:var(--color-primary-light)}.ide-shell__body{display:grid;grid-template-columns:320px minmax(340px,460px) minmax(0,1fr);gap:var(--space-4)}.ide-shell__workspace{display:grid;grid-template-columns:minmax(380px,540px) minmax(0,1fr);gap:var(--space-4);align-items:stretch}.ide-shell__advanced{margin-top:var(--space-4);border-radius:var(--radius-lg);padding:var(--space-4)}.ide-shell__advanced-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.ide-shell__advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.ide-shell__advanced-stack{display:flex;flex-direction:column;gap:var(--space-4)}.ide-collapsible{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffff08;overflow:hidden}.ide-collapsible__summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer}.ide-collapsible__summary::-webkit-details-marker{display:none}.ide-collapsible__body{padding:0 var(--space-4) var(--space-4)}.ide-shell__sidebar,.ide-chat,.ide-preview,.ide-statusbar{border-radius:var(--radius-lg)}.ide-shell__sidebar{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.ide-chat{display:flex;flex-direction:column;min-height:780px;max-height:calc(100vh - 164px)}.ide-chat__toolbar,.ide-preview__toolbar,.ide-statusbar,.ide-filetree__header,.ide-settings,.ide-site-actions,.ide-backend-panel__footer{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.ide-chat__policy,.ide-chat__quick-prompts,.ide-preview__footer,.ide-prompt-starter,.ide-guided-builder,.ide-quickstart,.ide-advanced-builder__body{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}.ide-chat__policy{padding-top:var(--space-4)}.ide-prompt-starter,.ide-guided-builder,.ide-quickstart,.ide-advanced-builder__body{flex-direction:column;align-items:stretch;gap:var(--space-3)}.ide-prompt-starter__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.ide-starter-card,.ide-guided-builder__preview,.ide-generation-brief,.ide-step-card,.ide-quickstart__hero{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffff08}.ide-starter-card{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4)}.ide-starter-card__actions,.ide-guided-builder__actions{justify-content:flex-end;flex-wrap:wrap}.ide-guided-builder__group{display:flex;flex-direction:column;gap:var(--space-2)}.ide-guided-builder__group--split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.ide-option-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ide-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.ide-step-card{display:flex;flex-direction:column;gap:var(--space-3)}.ide-step-card__index,.ide-quickstart__eyebrow{color:var(--color-primary-light);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase}.ide-card-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.ide-choice-card{display:flex;flex-direction:column;gap:var(--space-2);text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff0a;color:var(--color-text-secondary);padding:var(--space-4);cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.ide-choice-card:hover{transform:translateY(-1px);background:#ffffff12}.ide-choice-card--active{border-color:#ff5f1f47;background:#ff5f1f1f;color:var(--color-text)}.ide-choice-card strong{color:var(--color-text);font-size:var(--text-sm)}.ide-choice-card span{font-size:var(--text-xs);line-height:1.65}.ide-generation-brief{display:flex;flex-direction:column;gap:var(--space-3)}.ide-generation-brief__head,.ide-generation-brief__actions,.ide-quickstart__badges,.ide-guided-builder__meta,.ide-module-library__head,.ide-module-library__tags{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ide-module-library{display:flex;flex-direction:column;gap:var(--space-3)}.ide-module-library__head{justify-content:space-between}.ide-module-library__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.ide-module-library__card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffff08}.ide-generation-brief__head{justify-content:space-between}.ide-quickstart__hero h2{margin:0;font-size:var(--text-xl)}.ide-quickstart__hero p{margin:0;color:var(--color-text-secondary);line-height:1.75;font-size:var(--text-sm)}.ide-advanced-builder{margin:0 var(--space-4) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffff08;overflow:hidden}.ide-advanced-builder__summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer}.ide-advanced-builder__summary::-webkit-details-marker{display:none}.ide-input--compact{min-height:88px}.ide-guided-builder__prompt{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffff0a;padding:var(--space-4);color:var(--color-text-secondary);line-height:1.75;font-size:var(--text-sm)}.ide-chat__messages{flex:1;overflow:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.ide-chat__empty,.ide-preview__empty{color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-8);text-align:center}.ide-message{max-width:88%;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent}.ide-message__meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.ide-message__body{white-space:pre-wrap;line-height:1.75;font-size:var(--text-sm);color:var(--color-text-secondary)}.ide-message--user{margin-left:auto;background:#63a8ff24;border-color:#63a8ff38}.ide-message--assistant{background:#ffffff0d;border-color:var(--color-border)}.ide-message--system{background:#a47bff1f;border-color:#a47bff38}.ide-chat__composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-4);border-top:1px solid var(--color-border)}.ide-input{width:100%;min-height:112px;resize:vertical;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffff0a;color:var(--color-text);padding:var(--space-4);font-size:var(--text-sm);line-height:1.7;transition:border-color var(--transition-base),background var(--transition-base)}.ide-chat__composer-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs)}.ide-statusbar{justify-content:space-between;margin-bottom:var(--space-4)}.ide-trinity{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.ide-trinity__intro{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.ide-trinity__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.ide-trinity__card{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffff08;display:flex;flex-direction:column;gap:var(--space-3)}.ide-trinity__card h3{margin:0;font-size:var(--text-md)}.ide-trinity__card p{margin:0;color:var(--color-text-secondary);line-height:1.75;font-size:var(--text-sm)}.ide-trinity__eyebrow{color:var(--color-primary-light);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase}.ide-trinity__points{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ide-statusbar__badge,.ide-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:#ffffff0f;color:var(--color-text-secondary);font-size:var(--text-xs)}.ide-inline-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ide-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);border:1px solid transparent}.ide-tag--success{color:var(--color-success);background:var(--color-success-light);border-color:#41d39b42}.ide-tag--warning{color:var(--color-warning);background:var(--color-warning-light);border-color:#f7b84b38}.ide-tag--info{color:var(--color-info);background:var(--color-info-light);border-color:#63a8ff38}.ide-tag--muted{color:var(--color-text-secondary);background:#ffffff0d;border-color:var(--color-border)}.ide-chip{border-radius:var(--radius-md);text-align:left;font-weight:500}.ide-preview{overflow:hidden}.ide-preview__toolbar{justify-content:space-between}.ide-preview__viewport{position:relative;min-height:760px;padding:var(--space-6);display:flex;justify-content:center;align-items:flex-start;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%),#050a16cc}.ide-preview__device{width:100%;transition:width var(--transition-slow),transform var(--transition-slow),opacity var(--transition-base)}.ide-preview__device--desktop{width:min(100%,1200px)}.ide-preview__device--tablet{width:min(860px,100%)}.ide-preview__device--mobile{width:min(420px,100%)}.ide-preview__frame{width:100%;min-height:640px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-md)}.ide-preview__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#060a149e}.ide-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:var(--color-primary-light);animation:ideSpin .8s linear infinite}.ide-panel{border-radius:var(--radius-lg);overflow:hidden}.ide-filetree__list{padding:var(--space-2) var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);max-height:320px;overflow:auto}.ide-filetree__button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-3);background:transparent;color:var(--color-text-secondary)}.ide-filetree__preview{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4) var(--space-4)}.ide-filetree__preview-head{justify-content:space-between;align-items:center;flex-wrap:wrap;color:var(--color-text-secondary)}.ide-filetree__preview-body{margin:0;min-height:180px;max-height:260px;overflow:auto;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffff08;color:var(--color-text-secondary);font-size:var(--text-xs);line-height:1.7;white-space:pre-wrap;word-break:break-word}.ide-filetree__preview-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-error-light);color:var(--color-error);font-size:var(--text-xs);border:1px solid rgba(255,107,107,.2)}.ide-settings__list{display:grid;gap:var(--space-2);padding:var(--space-4)}.ide-settings__row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm)}.ide-settings__row--stacked{align-items:flex-start;flex-direction:column}.ide-select{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:#ffffff0a;color:var(--color-text);padding:var(--space-2) var(--space-4)}.ide-site-actions{display:grid;grid-template-columns:1fr 1fr}.ide-site-actions--stacked{padding:var(--space-4);grid-template-columns:1fr}.ide-helper-text{color:var(--color-text-muted);font-size:var(--text-xs)}.ide-stack{display:flex;flex-direction:column;gap:var(--space-3)}.ide-stack--tight{gap:var(--space-2)}.ide-backend-panel__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}.ide-backend-panel__metric{padding:var(--space-3);border-radius:var(--radius-md);background:#ffffff0a;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2)}.ide-backend-panel__list{display:grid;gap:var(--space-3);padding:0 var(--space-4) var(--space-4)}.ide-backend-panel__adapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);padding:0 var(--space-4) var(--space-4)}.ide-backend-adapter{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffff08}.ide-backend-card{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffff08;display:flex;flex-direction:column;gap:var(--space-3)}.ide-backend-card__head,.ide-backend-card__foot{justify-content:space-between;align-items:flex-start}.ide-backend-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ide-backend-panel__footer,.ide-preview__footer{border-top:1px solid var(--color-border)}@keyframes ideSpin{to{transform:rotate(360deg)}}.app-boot-error{position:fixed;left:50%;bottom:var(--space-4);transform:translate(-50%);z-index:40;width:min(720px,calc(100vw - var(--space-6)));padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid rgba(247,184,75,.28);background:#f7b84b1f;color:var(--color-warning);box-shadow:var(--shadow-sm)}.app-shell-fallback{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:radial-gradient(circle at top left,rgba(99,168,255,.18),transparent 34%),radial-gradient(circle at top right,rgba(255,95,31,.18),transparent 28%),linear-gradient(180deg,var(--color-bg),#060a14 100%);color:var(--color-text)}.app-shell-fallback__card{width:min(720px,100%);padding:var(--space-6);border-radius:var(--radius-lg)}.app-shell-fallback__title{margin:0;font-size:var(--text-2xl);line-height:1.15}.app-shell-fallback__body{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.8}.app-shell-fallback__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media (prefers-reduced-motion: reduce){.ide-button,.ide-icon-button,.ide-menu-button,.ide-filetree__button,.ide-preview__device,.ide-title-input,.ide-spinner,.ide-chip{transition:none;animation:none;transform:none}}@media (max-width: 1280px){.ide-shell__body{grid-template-columns:300px minmax(320px,420px) minmax(0,1fr)}}@media (max-width: 1120px){.ide-shell__body,.ide-shell__workspace,.ide-shell__advanced-grid,.ide-step-grid{grid-template-columns:1fr}.ide-chat{max-height:none;min-height:560px}.ide-preview__viewport{min-height:540px}}@media (max-width: 720px){.ide-shell__frame{width:calc(100vw - var(--space-4));padding:var(--space-3)}.ide-topbar{flex-direction:column;align-items:stretch}.ide-chat__composer,.ide-backend-panel__summary,.ide-guided-builder__group--split,.ide-prompt-starter__grid,.ide-trinity__grid,.ide-card-choice-grid,.ide-module-library__grid,.ide-backend-panel__adapters,.ide-site-actions{grid-template-columns:1fr}.ide-preview__toolbar,.ide-statusbar,.ide-backend-card__head,.ide-backend-card__foot,.ide-topbar__actions,.ide-prompt-starter__head,.ide-guided-builder__head,.ide-guided-builder__actions,.ide-filetree__preview-head,.ide-trinity__intro,.ide-shell__advanced-head,.ide-collapsible__summary,.ide-advanced-builder__summary,.ide-generation-brief__head,.ide-module-library__head{flex-direction:column;align-items:stretch}}