:root{color-scheme:dark;--bg:#080b16;--panel:rgba(255,255,255,0.08);--panel-strong:rgba(255,255,255,0.13);--panel-border:rgba(255,255,255,0.16);--text:#f7f8ff;--muted:#aab2d5;--muted-strong:#d9ddf4;--accent:#8d7cff;--accent-2:#37d6c4;--danger:#ff6b8a;--success:#54e39c;--shadow:0 24px 90px rgba(0,0,0,0.36);--radius-lg:28px;--radius-md:18px;--radius-sm:12px}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;background:radial-gradient(circle at top left,rgba(141,124,255,.45),transparent 30rem),radial-gradient(circle at 80% 10%,rgba(55,214,196,.25),transparent 28rem),linear-gradient(135deg,#080b16,#11172a 45%,#090c16);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(55,214,196,.55);outline-offset:3px}a{color:inherit}.app-shell{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.lock-shell{display:grid;width:min(100% - 32px,680px);min-height:100vh;margin:0 auto;padding:42px 0;place-items:center}.lock-card{width:100%;padding:clamp(26px,6vw,52px);border:1px solid var(--panel-border);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.06));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.lock-card h1{margin-bottom:18px;font-size:clamp(2.8rem,9vw,5.6rem)}.lock-form{display:grid;grid-gap:18px;gap:18px;margin-top:28px}.builder-topbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px;padding:14px 16px;border:1px solid rgba(84,227,156,.26);border-radius:20px;background:rgba(84,227,156,.08);color:var(--muted)}.builder-topbar span,.builder-topbar strong{display:block}.builder-topbar strong{margin-bottom:3px;color:var(--text)}.compact-button{min-height:42px;white-space:nowrap}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);grid-gap:28px;gap:28px;align-items:stretch;margin-bottom:28px}.hero-card,.panel{position:relative;overflow:hidden;border:1px solid var(--panel-border);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.06));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.hero-card{min-height:420px;border-radius:var(--radius-lg);padding:clamp(28px,5vw,58px)}.hero-card:before,.preview-stage:before{position:absolute;inset:-2px;pointer-events:none;content:"";background:linear-gradient(120deg,rgba(141,124,255,.24),transparent 34%),radial-gradient(circle at 76% 12%,rgba(55,214,196,.22),transparent 22rem)}.eyebrow{display:inline-flex;gap:8px;align-items:center;margin:0 0 20px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:var(--muted-strong);font-size:.88rem;font-weight:700;letter-spacing:.02em}.eyebrow-dot{width:9px;height:9px;border-radius:99px;background:var(--success);box-shadow:0 0 22px rgba(84,227,156,.85)}h1,h2,h3,p{margin-top:0}h1{max-width:820px;margin-bottom:22px;font-size:clamp(2.8rem,7vw,6.7rem);line-height:.91;letter-spacing:-.075em}.gradient-text{background:linear-gradient(90deg,#fff,#bbb2ff 45%,#68f2e0);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:760px;color:var(--muted);font-size:clamp(1.04rem,1.9vw,1.32rem);line-height:1.62}.feature-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.pill{padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.07);color:var(--muted-strong);font-size:.92rem;font-weight:700}.stats-card{display:grid;align-content:space-between;min-height:420px;border-radius:var(--radius-lg);padding:26px}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.stat{min-height:136px;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.07)}.stat strong{display:block;margin-bottom:8px;font-size:clamp(1.8rem,4vw,3.3rem);line-height:1;letter-spacing:-.05em}.stat span{color:var(--muted);font-weight:700}.connection-card{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:18px;border:1px solid rgba(55,214,196,.22);border-radius:22px;background:rgba(55,214,196,.08)}.connection-card strong{display:block;margin-bottom:6px}.connection-card p{margin-bottom:0;color:var(--muted);line-height:1.5}.main-grid{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);grid-gap:28px;gap:28px;align-items:start}.panel{border-radius:var(--radius-lg)}.builder-form{position:-webkit-sticky;position:sticky;top:24px;padding:24px}.panel-header{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.panel-title{margin-bottom:8px;font-size:1.55rem;letter-spacing:-.03em}.panel-subtitle{margin-bottom:0;color:var(--muted);line-height:1.5}.field-stack{display:grid;grid-gap:18px;gap:18px}.field{display:grid;grid-gap:8px;gap:8px}.field label,.fieldset-label{color:var(--muted-strong);font-size:.92rem;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:18px;outline:none;background:rgba(6,9,20,.7);color:var(--text);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field textarea{min-height:170px;resize:vertical;padding:16px;line-height:1.55}.field input,.field select{min-height:50px;padding:0 14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(141,124,255,.82);background:rgba(6,9,20,.86);box-shadow:0 0 0 4px rgba(141,124,255,.16)}.field-hint{margin:0;color:var(--muted);font-size:.86rem;line-height:1.45}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.tone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.tone-button{min-height:48px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.07);color:var(--muted-strong);cursor:pointer;font-weight:800;transition:transform .16s ease,background .16s ease,border-color .16s ease}.tone-button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.1)}.tone-button.active{border-color:rgba(55,214,196,.74);background:linear-gradient(135deg,rgba(141,124,255,.32),rgba(55,214,196,.18));color:#fff}.ghost-button,.primary-button,.secondary-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border-radius:16px;cursor:pointer;font-weight:900;transition:transform .16s ease,filter .16s ease,background .16s ease,border-color .16s ease}.primary-button{width:100%;margin-top:4px;background:linear-gradient(135deg,#8d7cff,#37d6c4);color:#050712;box-shadow:0 16px 42px rgba(70,102,255,.3)}.ghost-button:hover:not(:disabled),.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-1px)}.ghost-button:disabled,.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;filter:grayscale(.6) opacity(.6)}.ghost-button,.secondary-button{padding:0 14px;border:1px solid rgba(255,255,255,.16);color:var(--muted-strong)}.secondary-button{background:rgba(255,255,255,.1)}.ghost-button{background:rgba(255,255,255,.05)}.status-card{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.06)}.status-card.error{border-color:rgba(255,107,138,.36);background:rgba(255,107,138,.08)}.status-card.success{border-color:rgba(84,227,156,.3);background:rgba(84,227,156,.07)}.status-icon{display:inline-grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:999px;background:rgba(255,255,255,.13)}.status-card p{margin:0;color:var(--muted);line-height:1.45}.status-card strong{display:block;margin-bottom:3px;color:var(--text)}.workspace{display:grid;grid-gap:18px;gap:18px}.code-panel,.preview-panel,.publish-panel{padding:20px}.toolbar{align-items:center;justify-content:space-between;margin-bottom:14px}.toolbar,.toolbar-actions{display:flex;flex-wrap:wrap;gap:10px}.preview-stage{position:relative;overflow:hidden;min-height:610px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#f8f8fb}.site-preview{width:100%;height:610px;border:0;background:white}.empty-state,.site-preview{position:relative;z-index:1}.empty-state{display:grid;min-height:610px;place-items:center;padding:30px;color:#172033;text-align:center}.empty-state-card{width:min(520px,100%);padding:28px;border:1px solid rgba(16,24,40,.1);border-radius:26px;background:rgba(255,255,255,.86);box-shadow:0 18px 70px rgba(12,18,32,.12)}.empty-state-card h3{margin-bottom:10px;color:#12172a;font-size:1.7rem;letter-spacing:-.04em}.empty-state-card p{margin-bottom:20px;color:#526071;line-height:1.55}.example-prompts{display:grid;grid-gap:10px;gap:10px}.example-prompts button{padding:12px 14px;border:1px solid rgba(16,24,40,.1);border-radius:14px;background:#fff;color:#1d2840;cursor:pointer;font-weight:800;text-align:left}.code-editor{width:100%;min-height:420px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:20px;outline:none;background:rgba(3,6,16,.82);color:#edf0ff;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem;line-height:1.62;resize:vertical}.code-editor:focus{border-color:rgba(55,214,196,.64);box-shadow:0 0 0 4px rgba(55,214,196,.12)}.publish-panel{border-color:rgba(55,214,196,.22)}.publish-form{display:grid;grid-gap:18px;gap:18px}.control-grid.three-column{grid-template-columns:minmax(150px,.7fr) minmax(220px,1.4fr) minmax(100px,.55fr)}.auth-grid{max-width:440px}.private-key-input{min-height:160px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem}.checkbox-row{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.06);color:var(--muted);line-height:1.5}.checkbox-row input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent-2)}.publish-status{margin-top:18px}.loading-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:rgba(8,11,22,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loader{display:grid;width:min(440px,calc(100% - 42px));grid-gap:16px;gap:16px;padding:26px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(14,19,37,.88);color:var(--text);text-align:center;box-shadow:var(--shadow)}.spinner{width:48px;height:48px;margin:0 auto;border:4px solid rgba(255,255,255,.16);border-top:4px solid var(--accent-2);border-radius:999px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.footer-note{margin:28px 0 0;color:var(--muted);line-height:1.6;text-align:center}@media (max-width:1100px){.hero,.main-grid{grid-template-columns:1fr}.builder-form{position:relative;top:auto}}@media (max-width:720px){.app-shell{width:min(100% - 20px,1480px);padding-top:10px}.builder-form,.code-panel,.hero-card,.preview-panel,.publish-panel,.stats-card{padding:18px;border-radius:22px}.control-grid,.control-grid.three-column,.stats-grid,.tone-grid{grid-template-columns:1fr}.builder-topbar{align-items:stretch;flex-direction:column}.compact-button{width:100%}.toolbar,.toolbar-actions{align-items:stretch}.ghost-button,.secondary-button,.toolbar-actions{width:100%}.empty-state,.preview-stage,.site-preview{height:560px;min-height:560px}}