:root{--text:#5f6470;--text-h:#111827;--bg:#fff;--surface:#fafafa;--border:#e5e7eb;--code-bg:#f3f4f6;--accent:#2563eb;--accent-bg:#2563eb14;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f9fafb;--bg:#111827;--surface:#1f2937;--border:#374151;--code-bg:#0f172a;--accent:#60a5fa;--accent-bg:#60a5fa1f}}*{box-sizing:border-box}body{margin:0}#root{width:100%;max-width:1200px;min-height:100svh;margin:0 auto;padding-inline:1rem}h1,h2{color:var(--text-h);font-weight:600}code{font-family:var(--mono);font-size:.9375rem}.app{--layout-gutter:6rem;flex-direction:column;gap:2rem;padding:2.5rem 2rem 4rem;display:flex}.app-header__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem;font-size:.875rem;font-weight:600}.app-header h1{letter-spacing:-.03em;margin:0 0 .75rem;font-size:2.25rem}.app-header__lede{max-width:42rem;color:var(--text);margin:0}.setup-panel,.step-section{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:1.5rem}.wizard-progress{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:1rem}.wizard-progress__list{scrollbar-width:thin;gap:.5rem;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.wizard-progress__item{flex:none}.wizard-progress__step{border:1px solid var(--border);min-width:2.5rem;font:inherit;color:var(--text-h);background:var(--bg);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.4375rem .75rem;font-size:.8125rem;transition:border-color .15s,background .15s;display:inline-flex}.wizard-progress__step:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.wizard-progress__step--current{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent-bg)}.wizard-progress__step--complete:not(.wizard-progress__step--current){opacity:.88}.wizard-progress__number{min-width:1.25rem;height:1.25rem;color:var(--accent);background:var(--accent-bg);border-radius:999px;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:inline-flex}.wizard-progress__step--current .wizard-progress__number{color:var(--bg);background:var(--accent)}.wizard-progress__label{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;overflow:hidden}.wizard-stage{width:100vw;min-width:0;margin-inline:calc(50% - 50vw)}.wizard-controls{padding-inline:max(1rem, env(safe-area-inset-left,0px)) max(1rem, env(safe-area-inset-right,0px));grid-template-columns:auto auto auto;justify-content:center;align-items:center;column-gap:1rem;display:grid}.wizard-controls__main{width:min(calc(min(1200px, 100vw) - var(--layout-gutter)), calc(100vw - var(--layout-gutter)));gap:.75rem;min-width:0;display:grid}.wizard-controls__chevron{border:1px solid var(--border);width:2.75rem;height:2.75rem;color:var(--text-h);background:var(--surface);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.wizard-controls__chevron:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--border));color:var(--accent);background:var(--accent-bg)}.wizard-controls__chevron:disabled{opacity:.3;cursor:not-allowed}.wizard-controls__status{color:var(--text-h);text-align:center;margin:0;font-size:.875rem;font-weight:600}.wizard-controls__footer{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-top:.5rem;padding:1rem 1.25rem}.wizard-controls__complete{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));width:100%;font:inherit;color:var(--accent);background:var(--accent-bg);cursor:pointer;border-radius:8px;padding:.75rem 1rem;font-size:.9375rem;font-weight:600}.wizard-controls__complete:disabled{opacity:.45;cursor:not-allowed}.setup-panel h2,.step-section h2{margin:0;font-size:1.25rem}.setup-panel__hint{color:var(--text);margin:.5rem 0 1.25rem}.setup-panel__fields{gap:1rem;display:grid}.field{border:0;gap:.5rem;margin:0;padding:0;display:grid}.field__label{color:var(--text-h);font-size:.9375rem;font-weight:600}.field input[type=text],.field textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;font:inherit;color:var(--text-h);background:var(--bg);border-radius:8px;padding:.625rem .75rem}.field textarea{resize:vertical;min-height:4.5rem}.radio-group{gap:1rem;display:flex}.radio{align-items:center;gap:.5rem;display:inline-flex}.setup-panel{background:0 0;border:0;padding:0}.step-section__setup{margin-bottom:1.25rem}.step-section__setup .setup-panel h2{font-size:1rem}.step-section__header{margin-bottom:1rem}.step-section__title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.step-section__badge{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));border-radius:999px;flex-shrink:0;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.step-section__meta{color:var(--text);margin:0 0 .375rem;font-size:.875rem}.progress-summary{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:1.25rem 1.5rem}.progress-summary__header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.875rem;display:flex}.progress-summary h2{margin:0;font-size:1rem}.progress-summary__stats{color:var(--text);margin:0;font-size:.875rem}.progress-summary__track{background:var(--code-bg);border-radius:999px;height:.5rem;overflow:hidden}.progress-summary__bar{border-radius:inherit;background:var(--accent);height:100%;transition:width .2s}.substep__header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.substep__mark-done{border:1px solid var(--border);font:inherit;color:var(--text-h);background:var(--surface);cursor:pointer;border-radius:8px;flex-shrink:0;padding:.375rem .75rem;font-size:.875rem;font-weight:600}.substep__mark-done:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.substep__mark-done:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.step-section--complete{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.substep-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.substep{border:1px solid var(--border);background:var(--bg);border-radius:10px;gap:.75rem;padding:1rem;display:grid}.substep--complete{opacity:.72}.substep__confirm{gap:.5rem;display:grid}.substep__control{cursor:pointer;align-items:center;gap:.75rem;display:flex}.substep__control input{flex-shrink:0;margin:0}.substep__label{color:var(--text-h);line-height:1.45}.substep__tag{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border-radius:999px;justify-self:start;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.substep__optional{color:var(--text);justify-self:start;font-size:.8125rem}.substep__link{color:var(--accent);word-break:break-all}.text-block{border:1px solid var(--border);border-radius:8px;overflow:hidden}.text-block summary{cursor:pointer;color:var(--text-h);background:var(--surface);padding:.625rem .875rem;font-size:.875rem;font-weight:600;list-style:none}.text-block summary::-webkit-details-marker{display:none}.text-block[open] summary{border-bottom:1px solid var(--border)}.copy-block{border:1px solid var(--border);background:var(--code-bg);border-radius:8px;padding:.875rem 1rem;display:flow-root}.copy-block__toolbar{float:right;margin-bottom:.25rem;margin-left:.75rem}.copy-block .command-block{background:0 0;border-radius:0;margin:0;padding:0;overflow-x:auto}.copy-button{flex-shrink:0;justify-items:end;gap:.375rem;display:grid}.copy-button__trigger{border:1px solid var(--border);font:inherit;color:var(--text-h);background:var(--bg);cursor:pointer;box-shadow:0 1px 2px color-mix(in srgb, var(--text-h) 8%, transparent);border-radius:8px;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}.copy-button__trigger:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.copy-button__trigger--copied{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:var(--accent-bg)}.copy-button__trigger--error{color:#b91c1c;border-color:#fecaca}.copy-button__error{color:#b91c1c;text-align:right;max-width:16rem;margin:0;font-size:.8125rem}.text-block .copy-block{border:0;border-top:1px solid var(--border);border-radius:0}.text-block .copy-block .command-block{border-radius:0}.command-block{background:var(--code-bg);border-radius:8px;margin:0;padding:.875rem 1rem;overflow-x:auto}.command-block code{white-space:pre-wrap;word-break:break-word;background:0 0;padding:0;display:block}.version-banner{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));background:var(--accent-bg);border-radius:12px;gap:1rem;padding:1.25rem 1.5rem;display:grid}.version-banner__title{margin:0 0 .375rem;font-size:1rem}.version-banner__text{color:var(--text-h);margin:0}.version-banner__actions{flex-wrap:wrap;gap:.75rem;display:flex}.version-banner__button{border:1px solid var(--border);font:inherit;color:var(--text-h);background:var(--bg);cursor:pointer;border-radius:8px;padding:.5rem .875rem;font-size:.875rem;font-weight:600}.version-banner__button--primary{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent-bg);color:var(--accent)}.reset-controls{border-top:1px solid var(--border);padding-top:1.5rem}.reset-controls__hint{color:var(--text);margin:0 0 .75rem;font-size:.875rem}.reset-controls__actions{flex-wrap:wrap;gap:.75rem;display:flex}.reset-controls__button{border:1px solid var(--border);font:inherit;color:var(--text-h);background:var(--surface);cursor:pointer;border-radius:8px;padding:.5rem .875rem;font-size:.875rem;font-weight:600}.reset-controls__button--danger{color:#b91c1c;border-color:#fecaca}.setup-complete{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));background:var(--accent-bg);border-radius:12px;gap:1rem;padding:1.5rem;display:grid}.setup-complete__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.8125rem;font-weight:600}.setup-complete h2{margin:0;font-size:1.5rem}.setup-complete__lede{max-width:42rem;color:var(--text-h);margin:0}.setup-complete__actions{flex-wrap:wrap;gap:.75rem;display:flex}.setup-complete__button{border:1px solid var(--border);font:inherit;color:var(--text-h);background:var(--bg);cursor:pointer;border-radius:8px;padding:.625rem 1rem;font-size:.875rem;font-weight:600}.setup-complete__button--primary{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent);color:var(--bg)}.setup-guide-entry{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.setup-guide-entry h2{margin:0 0 .375rem;font-size:1rem}.setup-guide-entry__hint{color:var(--text);margin:0;font-size:.875rem}.setup-guide-entry__button{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));font:inherit;color:var(--accent);background:var(--accent-bg);cursor:pointer;border-radius:8px;flex-shrink:0;padding:.625rem 1rem;font-size:.875rem;font-weight:600}.setup-guide-toolbar{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.25rem;display:flex}.setup-guide-toolbar__hint{color:var(--text);margin:0;font-size:.875rem}.setup-guide-toolbar__button{border:1px solid var(--border);font:inherit;color:var(--text-h);background:var(--bg);cursor:pointer;border-radius:8px;flex-shrink:0;padding:.5rem .875rem;font-size:.875rem;font-weight:600}@media (width<=768px){.app{--layout-gutter:4rem;padding:1.5rem 1rem 3rem}.app-header h1{font-size:1.75rem}.progress-summary__header,.step-section__title-row,.substep__header{flex-direction:column;align-items:stretch}.wizard-stage{width:auto;margin-inline:0}.wizard-controls{grid-template-columns:auto minmax(0,1fr) auto;column-gap:.625rem;padding-inline:0}.wizard-controls__main{width:100%}.wizard-controls__chevron{width:2.375rem;height:2.375rem;font-size:1.125rem}.setup-guide-entry,.setup-guide-toolbar{flex-direction:column;align-items:stretch}.setup-guide-entry__button,.setup-guide-toolbar__button{width:100%}}