:root{--bg:#1e1e1e;--accent:#c90000;--surface:#262626;--surface-2:#202020;--border:#3a3a3a;--text:#eaeaea;--muted:#9a9a9a;--success:#4caf50;--danger:#ef4444;--focus:#f1f1f1;--heading:"JetBrains Mono", "Space Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--body:Inter, "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", "Space Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;color:var(--text);background:var(--bg);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:linear-gradient(90deg, #c900001c, transparent 32%), linear-gradient(180deg, #222 0, var(--bg) 260px), var(--bg);min-width:320px;min-height:100svh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app-shell{grid-template-columns:minmax(420px,47%) minmax(420px,53%);min-height:100svh;display:grid}.wizard-pane{border-right:1px solid var(--border);background:linear-gradient(180deg, #ffffff06, transparent 260px), var(--bg);flex-direction:column;min-width:0;display:flex}.brand-bar{border-bottom:1px solid var(--border);background:#1e1e1e;padding:24px 36px}.brand-bar>div{align-items:center;gap:20px;display:flex}.brand-copy{gap:16px;min-width:0;display:grid}.brand-logo{object-fit:cover;object-position:center;background:#fff;border-radius:14px;flex:none;width:154px;height:154px;padding:2px;display:block}.brand-bar h1{color:#fff}.brand-links{flex-wrap:wrap;gap:8px;display:flex}.brand-links a{color:#f8fafc;background:#262626;border:1px solid #3a3a3a;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.brand-links a:hover{border-color:var(--accent);color:#fff;background:#303030}.brand-credit{color:#cbd5e1;margin:-6px 0 0;font-size:13px}.brand-credit a{color:#fff;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;font-weight:800}.eyebrow{color:var(--accent);font:700 12px/1 var(--mono);letter-spacing:0;text-transform:uppercase;margin:0}h1,h2,h3{font-family:var(--heading);letter-spacing:0;color:var(--text)}h1{max-width:760px;margin:0;font-size:34px;line-height:1.08}h2{margin:0;font-size:28px}h3{margin:0;font-size:15px}.stepper{background:var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.step-dot{background:var(--surface-2);min-width:0;color:var(--muted);border:0;justify-content:center;align-items:center;gap:8px;padding:13px 8px;font-size:12px;display:flex}.step-dot span{border:1px solid var(--border);width:22px;height:22px;color:var(--muted);font-family:var(--mono);place-items:center;display:inline-grid}.step-dot.active{background:var(--surface);color:var(--text)}.step-dot.active span{border-color:var(--accent);color:var(--text)}.step-dot.done span{border-color:var(--success);color:var(--success)}.wizard-form{flex-direction:column;flex:1;min-height:0;display:flex}#step-content{flex:1;overflow:auto}.form-step{gap:20px;padding:34px 36px 28px;display:grid}.step-heading{gap:0;margin-bottom:6px;display:grid}.field{gap:8px;display:grid}.field>span,.toggle-row strong{color:var(--text);font-size:13px;font-weight:700}.field small,.toggle-row small,.note{color:var(--muted);font-size:13px;line-height:1.45}input,textarea,select{width:100%;color:var(--text);border:1px solid var(--border);background:#232323;border-radius:6px;padding:11px 12px;transition:border-color .15s,background .15s,box-shadow .15s}input:hover,textarea:hover,select:hover{background:#272727;border-color:#4a4a4a}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c9000029}textarea{resize:vertical;min-height:108px}input[type=color]{width:72px;height:42px;padding:4px}.compact-field{align-items:start}.accent-control{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.swatch-row{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:1px solid var(--border);background:var(--swatch);border-radius:50%;width:32px;height:32px;padding:0;box-shadow:inset 0 0 0 3px #232323}.swatch.selected{border-color:var(--text);box-shadow:inset 0 0 0 3px #232323, 0 0 0 2px var(--accent)}.wizard-actions{border-top:1px solid var(--border);background:var(--surface-2);justify-content:space-between;gap:12px;padding:18px 36px;display:flex}.primary-btn,.quiet-btn,.remove-btn,.icon-btn{border:1px solid var(--border);min-height:40px;color:var(--text);background:var(--surface);border-radius:6px;padding:0 14px}.primary-btn{background:var(--accent);border-color:var(--accent);font-weight:800;box-shadow:0 10px 26px #c9000038}.primary-btn:hover{background:#b50000;border-color:#b50000}.quiet-btn:hover,.remove-btn:hover,.icon-btn:hover{background:#2c2c2c;border-color:#505050}.quiet-btn.inline{width:max-content;min-height:34px}.remove-btn{color:#f3b8b8;align-self:end}.icon-btn{width:38px;font:700 22px/1 var(--mono);padding:0}.repeat-header{justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.repeat-row{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.repeat-row.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.field.mini{gap:6px}.nested-panel{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff06, transparent), var(--surface-2);border-radius:8px;gap:12px;padding:14px;display:grid}.nested-row{border-left:2px solid var(--border);padding-left:14px}.page-editor{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;grid-template-columns:176px minmax(0,1fr);min-height:560px;display:grid;overflow:hidden}.page-editor.empty{grid-template-columns:1fr;min-height:220px}.empty-panel{text-align:center;align-content:center;place-items:center;gap:10px;padding:24px;display:grid}.empty-panel span{color:var(--muted)}.page-list{border-right:1px solid var(--border);background:#1b1b1b;align-content:start;gap:1px;padding:10px;display:grid;overflow:auto}.page-list-item{min-width:0;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;gap:4px;padding:11px 10px;display:grid}.page-list-item:hover,.page-list-item.active{border-color:var(--border);background:var(--surface)}.page-list-item.active{box-shadow:inset 3px 0 0 var(--accent)}.page-list-item strong,.page-list-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-list-item strong{font-size:13px}.page-list-item span{color:var(--muted);font-size:12px}.page-editor-main{align-content:start;gap:14px;min-width:0;padding:16px;display:grid}.page-editor-bar{justify-content:space-between;align-items:end;gap:12px;padding-bottom:2px;display:flex}.page-editor-bar div{gap:4px;min-width:0;display:grid}.page-editor-bar span{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.page-meta-grid,.markdown-workbench{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.markdown-workbench{align-items:stretch}.markdown-editor textarea{min-height:420px;font-family:var(--mono);font-size:13px;line-height:1.55}.markdown-preview-panel{border:1px solid var(--border);color:#1f2937;background:#f8fafc;border-radius:8px;grid-template-rows:auto 1fr;min-width:0;min-height:420px;display:grid;overflow:hidden}.markdown-preview-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:0 12px;display:flex}.markdown-preview-header span{color:#111827;font-size:13px;font-weight:800}.markdown-preview-header code{color:#6b7280;font:12px/1 var(--mono);overflow-wrap:anywhere}.markdown-preview{min-width:0;padding:24px;font:15px/1.7 ui-sans-serif,system-ui,sans-serif;overflow:auto}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{color:#111827;font-family:var(--heading);margin:24px 0 10px;line-height:1.18}.markdown-preview h1:first-child,.markdown-preview h2:first-child,.markdown-preview h3:first-child{margin-top:0}.markdown-preview h1{font-size:30px}.markdown-preview h2{border-top:1px solid #e5e7eb;padding-top:10px;font-size:22px}.markdown-preview h3{font-size:17px}.markdown-preview p,.markdown-preview ul,.markdown-preview blockquote,.markdown-preview pre{margin:0 0 14px}.markdown-preview .page-description{color:#6b7280;margin-bottom:18px;font-size:16px}.markdown-preview ul{padding-left:20px}.markdown-preview code{color:#be123c;font:13px/1.5 var(--mono);background:#eef2f7;border-radius:4px;padding:2px 5px}.markdown-preview pre{background:#111827;border-radius:6px;padding:14px;overflow:auto}.markdown-preview pre code{color:#e5e7eb;background:0 0;padding:0}.markdown-preview blockquote{border-left:3px solid var(--accent);color:#4b5563;background:#fff;padding:8px 0 8px 14px}.markdown-preview a{color:var(--accent);font-weight:700}.preset-grid,.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.preset-card,.theme-card{text-align:left;min-height:168px;color:var(--text);background:linear-gradient(180deg, #ffffff08, transparent), var(--surface);border:1px solid var(--border);border-radius:8px;gap:9px;padding:12px;transition:border-color .15s,transform .15s,background .15s;display:grid}.preset-card:hover,.theme-card:hover{border-color:#555;transform:translateY(-1px)}.preset-card.selected,.theme-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.preset-card strong,.theme-card strong{font-family:var(--heading)}.preset-card small,.theme-card small{color:var(--muted);line-height:1.35}.preset-thumb{border:1px solid var(--border);background:#161616;gap:5px;height:62px;padding:10px;display:grid}.preset-thumb i{background:var(--accent);height:7px;display:block}.preset-thumb.default i:first-child{width:76%}.preset-thumb.default i:nth-child(2),.preset-thumb.default i:nth-child(3){width:42%}.preset-thumb.minimal{align-content:center}.preset-thumb.minimal i{height:5px}.preset-thumb.minimal i:first-child{width:44%}.preset-thumb.terminal{font-family:var(--mono)}.preset-thumb.terminal i{background:#4caf50}.preset-thumb.product{grid-template-columns:1fr 1fr;align-content:end}.preset-thumb.product i:first-child{grid-column:1/-1;width:88%;height:12px}.preset-thumb.product i:nth-child(2),.preset-thumb.product i:nth-child(3){width:100%;height:18px}.preset-thumb.editorial{background:linear-gradient(90deg,#161616 0 24%,#202020 24%);align-content:start}.preset-thumb.editorial i{height:5px;margin-left:32%}.preset-thumb.editorial i:first-child{width:58%;height:12px}.theme-card{min-height:132px}.theme-card>span{border:1px solid var(--border);background:var(--palette-surface);grid-template-columns:1fr 32px;gap:8px;height:48px;padding:9px;display:grid}.theme-card>span i:first-child{background:var(--palette-accent);display:block}.theme-card>span i:nth-child(2){background:var(--palette-accent);border-radius:50%;display:block}.font-sample{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff09, transparent), var(--surface-2);border-radius:8px;gap:7px;padding:16px;display:grid}.font-sample strong{color:var(--text);font-family:var(--sample-heading);font-size:22px;line-height:1.12}.font-sample span{color:var(--muted);font-family:var(--sample-body);font-size:14px}.control-panel{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff06, transparent), var(--surface-2);border-radius:8px;gap:12px;padding:16px;display:grid}.control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.control-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-hero{border:1px solid var(--border);background:linear-gradient(90deg, #c9000029, transparent 68%), var(--surface);border-radius:8px;gap:6px;padding:18px;display:grid}.integration-hero strong{font-family:var(--heading);font-size:17px}.integration-hero span{color:var(--muted);line-height:1.45}.plugin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.plugin-card{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff06, transparent), var(--surface-2);border-radius:8px;grid-template-columns:auto 1fr;gap:12px;min-width:0;padding:16px;transition:border-color .15s,background .15s,transform .15s;display:grid}.plugin-card:hover,.plugin-card.enabled{border-color:color-mix(in srgb, var(--accent) 72%, var(--border));background:linear-gradient(180deg, #c9000014, transparent), var(--surface)}.plugin-card:hover{transform:translateY(-1px)}.plugin-card input{opacity:0;width:1px;height:1px;position:absolute}.plugin-switch{border:1px solid var(--border);background:#151515;border-radius:999px;width:42px;height:24px;margin-top:1px;position:relative}.plugin-switch:after{content:"";background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.plugin-card input:checked+.plugin-switch{border-color:var(--accent)}.plugin-card input:checked+.plugin-switch:after{background:var(--accent);transform:translate(18px)}.plugin-content{gap:8px;min-width:0;display:grid}.plugin-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.plugin-title strong{font-family:var(--heading);font-size:15px}.plugin-title em{border:1px solid var(--border);color:var(--muted);border-radius:999px;flex:none;padding:4px 8px;font-size:11px;font-style:normal;font-weight:800}.plugin-content>span:not(.plugin-title){color:var(--muted);font-size:13px;line-height:1.45}.plugin-content code{overflow-wrap:anywhere;border:1px solid var(--border);color:#e5e7eb;width:max-content;max-width:100%;font:12px/1.25 var(--mono);background:#171717;border-radius:5px;padding:5px 7px}.integration-output{border:1px solid var(--border);background:#181818;border-radius:8px;gap:10px;padding:16px;display:grid}.integration-output ul{color:var(--muted);margin:0;padding-left:18px;line-height:1.55}.toggle-row{background:linear-gradient(180deg, #ffffff06, transparent), var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:auto 1fr;column-gap:12px;padding:16px;display:grid}.placement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.toggle-row input{opacity:0;width:1px;height:1px;position:absolute}.toggle-ui{border:1px solid var(--border);background:#151515;border-radius:999px;grid-row:span 2;width:42px;height:24px;margin-top:2px;position:relative}.toggle-ui:after{content:"";background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.toggle-row input:checked+.toggle-ui{border-color:var(--success)}.toggle-row input:checked+.toggle-ui:after{background:var(--success);transform:translate(18px)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.summary-grid div,.next-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:14px}.summary-grid dt{color:var(--muted);margin-bottom:6px;font-size:12px}.summary-grid dd{color:var(--text);overflow-wrap:anywhere;margin:0}.next-panel{gap:10px;display:grid}.next-panel code{border:1px solid var(--border);font-family:var(--mono);background:#171717;padding:10px;display:block}.next-panel p{color:var(--muted);margin:0}.preview-pane{background:linear-gradient(#202020 0,#181818 340px),#181818;min-width:0}.preview-sticky{grid-template-rows:auto 1fr;min-height:100svh;display:grid;position:sticky;top:0}.preview-tabs{background:var(--border);border-bottom:1px solid var(--border);gap:1px;display:flex}.preview-tabs button{color:var(--muted);background:var(--surface-2);border:0;flex:1;min-height:50px}.preview-tabs button.active{color:var(--text);background:var(--surface)}#preview-content{padding:28px;overflow:auto}.site-preview{--site-accent:#c90000;--site-accent-soft:#c9000024;--site-accent-dark:#9d0000;--site-accent-light:#d72e2e;--site-heading:var(--mono);--site-body:var(--body);border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--site-accent-soft) 42%, transparent), transparent 360px), var(--site-palette-surface);color:#1f2937;min-height:calc(100svh - 106px);font-family:var(--site-body);border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 50px #00000047}.site-preview.dark{background:linear-gradient(180deg, color-mix(in srgb, var(--site-accent-soft) 70%, transparent), transparent 360px), #121212;color:#e5e7eb}.site-preview header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd6;border-bottom:1px solid #78787840;align-items:center;gap:12px;height:58px;padding:0 22px;display:flex}.site-preview.dark header,.site-preview.terminal header{background:#111827d1}.preview-logo{width:auto;height:30px;color:var(--site-accent);font:800 18px/1 var(--mono);place-items:center;display:inline-grid;overflow:visible}.preview-logo.right{margin-left:2px}.preview-logo.wide{cursor:grab;justify-self:start;place-items:center start;width:min(340px,100%);height:96px;margin-bottom:14px;margin-left:0;padding:0;font-size:22px}.preview-logo.wide:active{cursor:grabbing}.preview-logo img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.preview-logo.square img{max-width:34px}.preview-logo.wide img{object-position:left center;max-width:100%;max-height:90px}.site-logo-slot{border:1px dashed #0000;border-radius:6px;place-items:center start;min-width:124px;min-height:28px;display:grid}.site-logo-slot:not(.active){color:#0000;min-height:0}.site-logo-slot.drag-visible:not(.active),.site-logo-slot.drag-visible:not(.active):hover{color:#9ca3af;border-color:#7878786b;min-height:28px;padding:6px 10px}.site-logo-slot>span{font-size:12px;line-height:1}.site-preview header strong{font-family:var(--site-heading);color:inherit}.site-preview nav{color:#6b7280;gap:18px;margin-left:auto;font-size:13px;display:flex}.preview-socials{align-items:center;gap:7px;display:flex}.preview-social{width:24px;height:24px;color:inherit;background:#ffffff6b;border:1px solid #78787842;border-radius:50%;place-items:center;text-decoration:none;display:grid}.preview-social svg{width:14px;height:14px;display:block}.preview-social span{font:800 8px/1 var(--mono);letter-spacing:0}.dark .preview-social,.terminal .preview-social{background:#ffffff0f}.site-preview.dark nav,.site-preview.terminal nav{color:#a7a7a7}.preview-hero{gap:14px;padding:70px 56px 46px;display:grid}.preview-hero p{color:var(--site-accent);font-family:var(--site-heading);margin:0;font-weight:700}.preview-hero h2{max-width:720px;color:inherit;font-family:var(--site-heading);margin:0;font-size:52px;line-height:1.02}.preview-title-row{align-items:center;gap:18px;max-width:900px;display:flex}.preview-title-row h2{min-width:0}.preview-title-row .site-logo-slot{flex:none}.preview-title-row .site-logo-slot:not(.active){min-width:44px}.preview-title-row .preview-logo.wide{width:min(180px,24vw);height:72px;margin:0}.preview-title-row .preview-logo.wide img{max-height:66px}.preview-hero span{color:#6b7280;max-width:580px;line-height:1.55}.dark .preview-hero span,.terminal .preview-hero span{color:#b8bcc5}.preview-actions{gap:10px;margin-top:8px;display:flex}.preview-actions button{border:1px solid #7878784d;border-radius:999px;min-height:38px;padding:0 16px}.preview-actions button:first-child{background:var(--site-accent);border-color:var(--site-accent);color:#fff;box-shadow:0 10px 24px var(--site-accent-soft)}.btn-rounded .preview-actions button{border-radius:8px}.btn-square .preview-actions button{border-radius:0}.btn-compact .preview-actions button{min-height:32px;padding:0 12px;font-size:14px}.btn-large .preview-actions button{min-height:46px;padding:0 22px;font-size:17px}.btn-outline .preview-actions button:first-child{color:var(--site-accent);background:0 0}.btn-soft .preview-actions button:first-child{background:var(--site-accent-soft);color:var(--site-accent-dark)}.btn-ghost .preview-actions button{background:0 0;border-color:#0000}.btn-ghost .preview-actions button:first-child{color:var(--site-accent);box-shadow:none}.btn-flat .preview-actions button:first-child{box-shadow:none}.preview-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 56px 50px;display:grid}.preview-features div{background:linear-gradient(#ffffffb8,#ffffff6b);border:1px solid #78787847;border-radius:8px;align-content:start;gap:8px;min-height:116px;padding:18px;display:grid;box-shadow:0 12px 28px #0000000f}.card-square .preview-features div{border-radius:0}.card-rounded .preview-features div{border-radius:16px}.card-plain .preview-features div{box-shadow:none;background:0 0;border-color:#0000}.card-filled .preview-features div{background:var(--site-accent-soft)}.card-elevated .preview-features div{box-shadow:0 20px 48px #0000001f}.card-compact .preview-features div{min-height:88px;padding:13px}.card-spacious .preview-features div{min-height:148px;padding:24px}.card-accent .preview-features div{border-top:3px solid var(--site-accent)}.dark .preview-features div,.terminal .preview-features div{background:#ffffff0a}.preview-features b,.preview-doc h3{color:inherit;font-family:var(--site-heading)}.preview-features span,.preview-doc p{color:#6b7280;line-height:1.45}.preview-features a{color:var(--site-accent);overflow-wrap:anywhere;font-size:12px;text-decoration:none}.preview-editorial{border-top:1px solid #7878783d;max-width:680px;margin:0 56px 54px;padding-top:26px}.preview-editorial p{color:var(--site-accent);font:700 12px/1 var(--site-heading);text-transform:uppercase;margin:0 0 10px}.preview-editorial h3{color:inherit;font:700 28px/1.18 var(--site-heading);margin:0 0 12px}.preview-editorial span{color:#6b7280;font-size:17px;line-height:1.7}.minimal .preview-hero{padding-top:96px;padding-bottom:34px}.minimal .preview-hero h2{max-width:620px;font-size:42px}.minimal .preview-hero p{color:#6b7280}.minimal .preview-actions button{border-radius:6px}.product .preview-hero{padding-top:88px;padding-bottom:42px}.product .preview-hero h2{max-width:780px;font-size:58px}.product .preview-actions button{border-radius:8px}.product .preview-features div{border-top:3px solid var(--site-accent)}.editorial .preview-hero{padding-top:72px;padding-bottom:30px}.editorial .preview-hero p{color:#6b7280;text-transform:uppercase}.editorial .preview-hero h2{max-width:700px;font-size:46px;line-height:1.1}.editorial .preview-actions button{border-radius:4px}.api .preview-hero{padding-top:54px;padding-bottom:26px}.api .preview-hero h2{font-size:40px}.api .preview-features{gap:8px}.api .preview-features div{border-radius:4px;min-height:92px;padding:14px}.handbook .preview-hero{padding-top:78px;padding-bottom:36px}.handbook .preview-hero h2{max-width:660px;font-size:46px}.handbook .preview-features div{box-shadow:none;background:#ffffff80}.showcase .preview-hero{padding-top:94px;padding-bottom:44px}.showcase .preview-hero h2{font-size:62px;line-height:.98}.showcase .preview-features div{border-bottom:4px solid var(--site-accent);min-height:150px}.compact .preview-hero{padding-top:42px;padding-bottom:22px}.compact .preview-hero h2{font-size:34px}.compact .preview-features{gap:8px}.compact .preview-features div{border-radius:4px;min-height:82px;padding:12px}.retro .preview-hero{box-shadow:7px 7px 0 var(--site-accent);background:#ffffff8f;border:2px solid;margin:42px 56px 34px;padding:24px}.retro .preview-hero h2{font-size:44px}.retro .preview-actions button,.retro .preview-features div,.retro .preview-social{border-radius:0}.retro .preview-features div{box-shadow:5px 5px 0 var(--site-accent-soft);border:2px solid}.magazine .preview-hero{padding-top:62px;padding-bottom:26px}.magazine .preview-hero p{color:#6b7280;text-transform:uppercase}.magazine .preview-hero h2{max-width:720px;font-size:50px;line-height:1.08}.magazine .preview-features{grid-template-columns:1.35fr .85fr .85fr}.magazine .preview-features div:first-child{min-height:168px}.preview-doc{grid-template-columns:180px minmax(0,1fr);gap:34px;padding:18px 56px 64px;display:grid}.preview-doc>div{border-top:1px solid #78787838;padding-top:18px}.preview-doc aside{color:#6b7280;align-content:start;gap:10px;display:grid}.preview-doc aside a:first-child{color:var(--site-accent);font-weight:700}.terminal{color:#f0f0f0;background:linear-gradient(#4caf500f,#0000 260px),#101010}.terminal .preview-hero{border:1px solid var(--site-accent-soft);background:linear-gradient(#ffffff09,#0000),#171717;border-radius:8px;margin:42px;padding:28px;box-shadow:inset 0 1px #ffffff0d,0 18px 50px #00000042}.terminal .preview-hero h2{font-size:44px}.terminal .preview-actions button{font-family:var(--site-heading);border-radius:4px}.terminal .preview-features{padding-inline:42px}.terminal .preview-features div{border-color:var(--site-accent-soft);box-shadow:none;background:#101010;border-radius:4px}.terminal .preview-features div:before{content:"";background:var(--site-accent);width:36px;height:3px;display:block}.preview-footer{background:#ffffff6b;border-top:1px solid #7878783d;justify-content:space-between;align-items:center;gap:20px;min-height:84px;margin-top:auto;padding:18px 56px;display:flex}.dark .preview-footer,.terminal .preview-footer{background:#ffffff0a}.preview-footer-copy{text-align:center;flex:1;gap:5px;display:grid}.preview-footer.align-left .preview-footer-copy{text-align:left}.preview-footer-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.preview-footer-links{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.preview-footer-links a{color:#6b7280;font-size:12px;text-decoration:none}.preview-footer-links a:first-child{color:var(--site-accent)}.preview-footer strong{font-family:var(--site-heading);color:inherit}.preview-footer-copy>span{color:#6b7280;font-size:13px}.terminal{font-family:var(--mono);white-space:pre-wrap;color:#d7ffd9}pre.terminal{border:1px solid var(--border);min-height:calc(100svh - 106px);font:13px/1.55 var(--mono);color:#d7ffd9;white-space:pre;background:#111;border-radius:8px;margin:0;padding:22px;overflow:auto}pre.terminal.large{min-height:360px}.cursor{background:var(--success);vertical-align:-2px;width:8px;height:1em;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.wizard-pane{border-right:0}.preview-sticky{min-height:auto;position:relative}.site-preview,pre.terminal{min-height:620px}.markdown-workbench{grid-template-columns:1fr}}@media (width<=720px){.brand-bar,.form-step,.wizard-actions,#preview-content{padding-left:18px;padding-right:18px}h1{font-size:27px}.brand-bar>div{gap:14px}.brand-logo{width:104px;height:104px}.brand-copy{gap:12px}.stepper{grid-template-columns:repeat(3,1fr)}.step-dot{justify-content:flex-start}.preset-grid,.theme-grid,.plugin-grid,.placement-grid,.control-grid,.control-grid.two,.page-editor,.page-meta-grid,.repeat-row.two-col,.summary-grid,.preview-features,.preview-doc{grid-template-columns:1fr}.page-list{border-right:0;border-bottom:1px solid var(--border);grid-auto-columns:minmax(142px,1fr);grid-auto-flow:column;overflow-x:auto}.page-editor-bar{flex-direction:column;align-items:stretch}.repeat-row{grid-template-columns:1fr}.remove-btn{width:100%}.preview-hero,.preview-features,.preview-doc,.preview-footer,.preview-editorial{padding-left:24px;padding-right:24px}.preview-hero h2{font-size:34px}.site-preview header nav{display:none}.site-preview header .preview-socials{margin-left:auto}.preview-actions{flex-direction:column;align-items:stretch}.preview-footer{flex-direction:column;align-items:flex-start}.preview-footer-copy,.preview-footer.align-left .preview-footer-copy{text-align:left}.preview-footer-actions,.preview-footer-links{justify-content:flex-start}.terminal .preview-hero{margin:22px}}