:root{--bg: #070A12;--fg: #E7EEF7;--mut: rgba(231, 238, 247, .55);--line: rgba(231, 238, 247, .1);--accent: #7DD3FC;--card-bg: rgba(231, 238, 247, .04);--card-border: rgba(231, 238, 247, .1);--r: 8px}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);width:100%;overflow-x:hidden}body{margin:0;font-family:Orbitron,ui-sans-serif,system-ui,sans-serif;color:var(--fg);background:transparent;min-height:100vh;overflow-x:hidden}button,[role=button],input[type=button],input[type=submit],input[type=reset]{min-height:44px}a,button{touch-action:manipulation}.hero{text-align:center;padding:56px 24px 40px;max-width:680px;margin:0 auto}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;border:1px solid rgba(125,211,252,.22);background:#7dd3fc0f;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--accent);margin-bottom:24px}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.hero__title{margin:0 0 14px;font-size:48px;font-weight:800;letter-spacing:0;line-height:1.05;overflow-wrap:anywhere}.accent{background:linear-gradient(90deg,#7dd3fc,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__sub{margin:0;font-size:clamp(14px,2vw,16px);color:var(--mut);line-height:1.7}.app{max-width:1100px;margin:0 auto;padding:0 20px 80px}.panel{max-width:440px;margin:0 auto 60px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--r);padding:36px 32px;text-align:center;backdrop-filter:blur(16px)}.panel__icon{font-size:36px;margin-bottom:16px}.panel__title{margin:0 0 8px;font-size:20px;font-weight:700}.panel__sub{margin:0 0 24px;font-size:14px;color:var(--mut);line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-msg{font-size:13px;color:var(--mut);min-height:18px;margin:0}.session-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#7dd3fc0a;margin-bottom:18px;flex-wrap:wrap}.session-who{display:flex;align-items:center;gap:8px}.session-email{font-size:13px;color:var(--mut);font-weight:600}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #7dd3fc1f;flex-shrink:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card--editor{grid-column:1 / -1}@media(max-width:800px){.grid{grid-template-columns:1fr}.card--editor{grid-column:auto}}.card{border:1px solid var(--card-border);border-radius:var(--r);padding:22px;background:var(--card-bg);backdrop-filter:blur(14px)}.card__title{margin:0 0 16px;font-size:15px;font-weight:700;letter-spacing:.02em}.card--wizard{overflow:hidden}.wizard-steps{display:flex;align-items:center;gap:0;margin-bottom:24px;padding:0 4px}.wizard-step-dot{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;z-index:1}.wizard-step-dot span{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;font-size:13px;font-weight:700;border:1px solid var(--line);color:var(--mut);background:#070a12cc;transition:all .3s}.wizard-step-dot small{font-size:10px;font-weight:600;color:var(--mut);letter-spacing:.04em;transition:color .3s}.wizard-step-dot--active span{border-color:var(--accent);color:var(--accent);background:#7dd3fc14;box-shadow:0 0 16px #7dd3fc26}.wizard-step-dot--active small{color:var(--accent)}.wizard-line-bar{flex:1;height:2px;background:var(--line);margin:0 8px;border-radius:1px;position:relative;top:-8px;overflow:hidden}.wizard-line-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),rgba(99,102,241,.6));border-radius:1px;transition:width .4s ease}.archetype-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:20px;margin:24px 0;border-radius:20px;border:1px solid rgba(125,211,252,.12);background:linear-gradient(180deg,#7dd3fc08,#e7eef704);box-shadow:inset 0 1px #ffffff0a}.archetype-card{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:14px;border:1px solid rgba(231,238,247,.08);background:#e7eef705;color:var(--fg);cursor:pointer;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s;text-align:left;font-family:inherit;position:relative}.archetype-card:hover{border-color:#7dd3fc47;background:#7dd3fc0a;transform:translateY(-1px)}.archetype-card--locked{border-color:#f3e1a02e;background:linear-gradient(135deg,#f3e1a00b,#e7eef704)}.archetype-card--locked:hover{border-color:#f3e1a057;background:linear-gradient(135deg,#f3e1a013,#7dd3fc08)}.archetype-card--active{border-color:#7dd3fc80;background:linear-gradient(135deg,#7dd3fc1a,#6366f10f);box-shadow:0 0 20px #7dd3fc24,inset 0 1px #7dd3fc33}.archetype-card--express:after{content:"QUICK START";position:absolute;top:8px;right:12px;font-size:9px;font-weight:800;letter-spacing:.12em;padding:2px 8px;border-radius:999px;background:#7dd3fc1f;border:1px solid rgba(125,211,252,.3);color:#7dd3fc}.archetype-card--express.archetype-card--active{border-color:#7dd3fc80;background:linear-gradient(135deg,#7dd3fc1a,#6366f10f);box-shadow:0 0 20px #7dd3fc24,inset 0 1px #7dd3fc33}.archetype-icon{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;font-size:24px;border-radius:12px;background:#e7eef70a;border:1px solid rgba(231,238,247,.06)}.archetype-icon--express{background:#f3e1a014;border-color:#f3e1a026}.archetype-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.archetype-name{font-size:14px;font-weight:700;color:var(--fg)}.archetype-outcome{font-size:12px;color:var(--mut);line-height:1.4}.archetype-ideal{font-size:11px;color:#e7eef74d;line-height:1.3}.archetype-tag{display:inline-block;align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:#f3e1a01a;border:1px solid rgba(243,225,160,.2);color:#f3e1a0}.archetype-card--active .archetype-outcome{color:#7dd3fc80}.variant-selectors{display:grid;gap:16px}.variant-group{display:flex;flex-direction:column;gap:8px}.variant-options{display:flex;flex-wrap:wrap;gap:8px}.variant-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 8px;min-width:72px;border-radius:12px;border:1px solid var(--line);background:#e7eef705;color:var(--mut);cursor:pointer;font-family:inherit;transition:all .2s}.variant-card:hover{border-color:#7dd3fc40;background:#7dd3fc0a;transform:translateY(-1px)}.variant-card--active{border-color:#7dd3fc66;background:#7dd3fc14;color:var(--accent);box-shadow:0 0 12px #7dd3fc14}.variant-card__preview{width:64px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--fg)}.variant-card__preview svg{width:100%;height:100%}.variant-card__label{font-size:11px;font-weight:600;letter-spacing:.02em}.optional-toggles .toggle-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.toggle-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mut);cursor:pointer}.toggle-item input{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.toggle-item span{user-select:none}@media(max-width:480px){.preset-grid{grid-template-columns:1fr 1fr}.chip{font-size:11px;padding:4px 10px}}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:520px){.row{grid-template-columns:1fr}}.field-group{display:flex;flex-direction:column;gap:5px}.label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}.field{width:100%;padding:11px 14px;border-radius:12px;border:1px solid rgba(231,238,247,.14);background:#070a12a6;color:var(--fg);font-family:inherit;font-size:14px;outline:none;transition:border-color .15s;-webkit-tap-highlight-color:transparent}.field:focus{border-color:#7dd3fc66}.field::placeholder{color:#e7eef747}select.field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23999' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.card--list{border:1px solid rgba(125,211,252,.12);border-radius:20px;padding:20px;margin:24px 0;background:linear-gradient(180deg,#7dd3fc08,#e7eef704);box-shadow:inset 0 1px #ffffff0a}.projects-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.project-btn{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:12px;border:1px solid transparent;background:#e7eef70a;color:var(--fg);cursor:pointer;text-align:left;transition:background .15s,border-color .15s;width:100%;font-family:inherit}.project-btn:hover,.project-btn.active{background:#7dd3fc14;border-color:#7dd3fc33}.project-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-name{font-size:14px;font-weight:700}.project-status{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px}.project-status--draft{background:#e7eef714;color:var(--mut)}.project-status--published{background:#34d3991f;color:#34d399}.project-slug{font-size:11px;color:var(--mut);font-family:ui-monospace,monospace}.card--info{grid-column:1 / -1;background:linear-gradient(135deg,#7dd3fc0a,#6366f108);border:1px solid rgba(125,211,252,.12)}.info-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.status-badge{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:999px}.status-badge--draft{background:#e7eef714;color:var(--mut)}.status-badge--published{background:#34d3991f;color:#34d399}.info-url-box{padding:12px 16px;border-radius:12px;background:#070a1280;border:1px solid rgba(231,238,247,.08);margin-bottom:14px;display:flex;align-items:center;gap:10px}.info-url-label{font-size:12px;color:var(--mut);white-space:nowrap}.info-url-link{font-size:14px;font-weight:600;color:var(--accent);text-decoration:none;font-family:ui-monospace,monospace;word-break:break-all}.info-url-link:hover{text-decoration:underline}.info-actions{display:flex;gap:8px;flex-wrap:wrap}.btn--accent{background:#34d39926;border:1px solid rgba(52,211,153,.3);color:#34d399}.btn--accent:hover{background:#34d39940;transform:translateY(-1px)}.editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.editor-header .card__title{margin:0}.editor-actions{display:flex;gap:8px}.json-editor{width:100%;min-height:300px;padding:14px;border-radius:12px;border:1px solid rgba(231,238,247,.14);background:#070a12bf;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6;outline:none;resize:vertical;transition:border-color .15s}.json-editor:focus{border-color:#7dd3fc59}.editor-split{display:flex;gap:0}.editor-split .json-editor{flex:1;min-width:0}.editor-split.is-split{gap:12px}.editor-split.is-split .json-editor{flex:1;min-height:500px;resize:none}.preview-pane{flex:1;min-width:0;border-radius:12px;border:1px solid rgba(231,238,247,.14);overflow:hidden;background:#070a12}.preview-frame{width:100%;height:100%;min-height:500px;border:none;background:#070a12}#previewToggle.is-active{background:#7dd3fc1f;color:var(--accent);border-color:#7dd3fc40}.editor-footer{margin-top:8px;display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 20px;border-radius:8px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:background .15s,transform .1s,opacity .15s;letter-spacing:0}.btn--primary{background:linear-gradient(135deg,#7dd3fc47,#6366f138);border:1px solid rgba(125,211,252,.3);color:var(--fg)}.btn--primary:hover{background:linear-gradient(135deg,#7dd3fc61,#6366f152);transform:translateY(-1px)}.btn--ghost{background:#e7eef70f;border:1px solid var(--line);color:var(--mut)}.btn--ghost:hover{background:#e7eef71a;color:var(--fg)}.btn--sm{padding:8px 14px;font-size:12px;border-radius:8px}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none!important}.btn.is-loading:after{content:"";width:13px;height:13px;border:2px solid rgba(231,238,247,.4);border-top-color:var(--fg);border-radius:50%;display:inline-block;margin-left:8px;vertical-align:-2px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hint{font-size:12px;color:var(--mut);margin:0;line-height:1.5}code{font-family:ui-monospace,monospace;background:#7dd3fc1a;padding:1px 5px;border-radius:4px;font-size:11px;color:var(--accent)}a{color:inherit}.btn[disabled]{opacity:.5;cursor:not-allowed}@media(max-width:680px){.hero{padding:40px 16px 28px}.hero__title{font-size:34px}.panel{padding:28px 20px}.card{padding:16px}.json-editor{min-height:220px}.editor-header{flex-direction:column;align-items:flex-start}}.editor-tabs{display:flex;gap:4px;background:#e7eef70a;border-radius:10px;padding:3px}.editor-tab{padding:7px 16px;border-radius:8px;border:none;background:transparent;color:var(--mut);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;letter-spacing:.02em}.editor-tab:hover{background:#e7eef714;color:var(--fg)}.editor-tab--active{background:#7dd3fc24;color:var(--accent);box-shadow:0 0 12px #7dd3fc0f}.editor-tab--ai{color:#a78bfab3}.editor-tab--ai:hover{color:#a78bfa;background:#a78bfa12}.editor-tab--ai.editor-tab--active{background:#a78bfa1f;color:#a78bfa;box-shadow:0 0 12px #a78bfa14}.ai-panel{padding:0}.ai-panel-inner{display:flex;flex-direction:column;gap:16px;padding:20px 24px}.ai-panel-header{display:flex;flex-direction:column;gap:6px}.ai-panel-badge{display:inline-block;width:fit-content;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#a78bfa1a;border:1px solid rgba(167,139,250,.22);color:#a78bfa}.ai-panel-sub{margin:0;font-size:13px;color:var(--mut);line-height:1.6}.ai-textarea{width:100%;min-height:120px;padding:12px 14px;background:#e7eef70a;border:1px solid var(--line);border-radius:12px;color:var(--fg);font-family:inherit;font-size:13px;line-height:1.6;resize:vertical;outline:none;transition:border-color .15s}.ai-textarea:focus{border-color:#a78bfa66}.ai-textarea::placeholder{color:var(--mut)}.ai-actions{display:flex;gap:8px;flex-wrap:wrap}.ai-status{font-size:13px;padding:10px 14px;border-radius:10px;line-height:1.5}.ai-status--info{background:#7dd3fc0f;color:var(--accent);border:1px solid rgba(125,211,252,.15)}.ai-status--error{background:#ef44440f;color:#f87171;border:1px solid rgba(239,68,68,.15)}.ai-status--success{background:#22c55e0f;color:#4ade80;border:1px solid rgba(34,197,94,.15)}.editor-panel{min-height:300px}.express-flow{display:flex;flex-direction:column;gap:20px}.express-header{text-align:center}.express-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.06em;background:#f3e1a014;border:1px solid rgba(243,225,160,.2);color:#f3e1a0;margin-bottom:12px}.express-q{font-size:15px;font-weight:700;margin-bottom:12px;color:var(--fg)}.express-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.express-opt{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:#e7eef708;color:var(--mut);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.express-opt:hover{border-color:#7dd3fc40;background:#7dd3fc0d;color:var(--fg)}.express-opt--active{border-color:#7dd3fc73;background:#7dd3fc14;color:var(--accent);box-shadow:0 0 16px #7dd3fc14}.section-editor-root{display:flex;flex-direction:column;gap:2px}.se-empty{text-align:center;padding:48px 24px;color:var(--mut);font-size:14px;border:1px dashed var(--line);border-radius:12px;background:#e7eef705}.se-section{border:1px solid var(--line);border-radius:14px;background:#e7eef705;overflow:hidden;transition:border-color .15s}.se-section:hover{border-color:#7dd3fc26}.se-section-header{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;user-select:none;background:#e7eef708;border-bottom:1px solid transparent;transition:background .15s}.se-section-header:hover{background:#7dd3fc0a}.se-section.is-open .se-section-header{border-bottom-color:var(--line);background:#7dd3fc0d}.se-section-icon{font-size:18px;flex-shrink:0}.se-section-name{font-size:14px;font-weight:700;color:var(--fg);flex:1}.se-section-desc{font-size:11px;color:var(--mut)}.se-section-chevron{font-size:12px;color:var(--mut);transition:transform .2s}.se-section.is-open .se-section-chevron{transform:rotate(90deg)}.se-section-body{padding:16px;display:none}.se-section.is-open .se-section-body{display:block}.se-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.se-field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.se-field--full{grid-column:1 / -1}.se-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}.se-input,.se-textarea,.se-select{width:100%;padding:9px 12px;border-radius:10px;border:1px solid rgba(231,238,247,.14);background:#070a12a6;color:var(--fg);font-family:inherit;font-size:13px;outline:none;transition:border-color .15s}.se-input:focus,.se-textarea:focus,.se-select:focus{border-color:#7dd3fc66}.se-textarea{resize:vertical;min-height:60px;line-height:1.5}.se-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23999' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.se-list-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid rgba(231,238,247,.06)}.se-btn{padding:5px 12px;border-radius:8px;border:1px solid var(--line);background:#e7eef70a;color:var(--mut);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.se-btn:hover{background:#7dd3fc14;border-color:#7dd3fc33;color:var(--fg)}.se-btn--add{background:#7dd3fc0f;border-color:#7dd3fc26;color:var(--accent)}.se-btn--remove{background:#ff64640f;border-color:#ff646426;color:#ff6464}.btn:active:not([disabled]){transform:scale(.97)}.btn--primary:active:not([disabled]){background:linear-gradient(135deg,#7dd3fc73,#6366f161)}.btn--ghost:active:not([disabled]){background:#e7eef724}@media(max-width:520px){.se-row,.express-options{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}