@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{color:#181c22;background:#f6f8fb;font-family:Noto Sans JP,system-ui,sans-serif;font-synthesis:none;--surface: #ffffff;--surface-soft: #f2f5f8;--surface-muted: #e9edf2;--text: #181c22;--muted: #6e7580;--border: #d8dde4;--border-strong: #bcc5cf;--primary: #1457e6;--primary-strong: #0d45bf;--primary-soft: #eaf0ff;--mint: #38c78b;--mint-soft: #e8f8f1;--signal: #e44747;--amber: #d98a2b;--rail-width: 188px;--header-height: 150px;--action-height: 96px}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#f6f8fb}body{margin:0;min-width:320px;min-height:100vh;background:#f6f8fb;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;letter-spacing:0}button{color:inherit}button:not(:disabled),label,select{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(20,87,230,.2);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);background:var(--surface)}.brand-rail{position:fixed;inset:0 auto 0 0;z-index:20;width:var(--rail-width);display:flex;flex-direction:column;justify-content:space-between;padding:46px 26px 28px;color:#4c535e;background:#eef1f4;border-right:1px solid var(--border)}.brand-lockup{display:flex;flex-direction:column;align-items:center;text-align:center}.brand-mark{width:72px;height:72px;display:grid;place-items:center;margin-bottom:14px;color:#4f5660}.brand-mark img{width:72px;height:72px;display:block;object-fit:contain}.brand-lockup strong{color:#4f5660;font-family:IBM Plex Mono,monospace;font-size:22px;line-height:1.22;font-weight:600}.brand-lockup small{margin-top:36px;color:var(--primary);font-size:12px;font-weight:700}.system-state{display:grid;gap:7px;font-family:IBM Plex Mono,monospace;font-size:10px}.system-state span{display:flex;align-items:center;gap:8px;color:#6d7580}.system-state i{width:8px;height:8px;display:block;background:var(--signal);border-radius:50%}.system-state strong{color:var(--mint);font-size:11px;font-weight:600}.workspace{grid-column:2;min-width:0;min-height:100vh;padding-bottom:var(--action-height);background:var(--surface)}.workspace-header{position:sticky;top:0;z-index:15;min-height:var(--header-height);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:28px;padding:32px 52px 20px;background:#fffffff5;border-bottom:1px solid var(--border)}.progress{min-width:0;display:grid;grid-template-columns:repeat(6,minmax(92px,1fr));gap:14px}.progress-step{min-width:0;position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 10px;padding:0 0 16px;text-align:left;color:#8a919b;background:transparent;border:0}.progress-step:disabled{cursor:default}.progress-index{grid-row:1 / 3;align-self:center;font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:600}.progress-label{align-self:end;color:#3a4048;font-size:13px;font-weight:700;white-space:nowrap}.progress-line{align-self:end;height:1px;background:var(--border)}.progress-step.is-active,.progress-step.is-complete,.progress-step.is-active .progress-label,.progress-step.is-complete .progress-label{color:var(--primary)}.progress-step.is-active .progress-line{height:3px;background:var(--primary)}.progress-step.is-complete .progress-line{background:#1457e680}.saved-projects{height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#3d434b;background:transparent;border:0;border-radius:6px;font-size:13px}.saved-projects:hover{background:var(--surface-soft)}.workspace-content{width:min(1280px,100%);margin:0 auto;padding:48px 52px 52px}.step-panel{min-height:calc(100vh - var(--header-height) - var(--action-height) - 100px)}.step-heading{margin-bottom:42px}.step-heading h1{max-width:940px;margin:0;color:var(--text);font-size:clamp(34px,3.1vw,54px);line-height:1.22;font-weight:700}.step-heading>p:not(.eyebrow),.step-heading>div>p:not(.eyebrow){max-width:720px;margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.8}.compact-heading h1{font-size:clamp(30px,2.4vw,42px)}.eyebrow{margin:0 0 14px;color:var(--primary);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}.purpose-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.purpose-option{min-height:178px;position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:20px;padding:26px 32px;text-align:left;color:#343a42;background:transparent;border:0;border-bottom:1px solid var(--border)}.purpose-option:nth-child(odd){border-right:1px solid var(--border)}.purpose-option:hover{background:#fafbfd}.purpose-option svg{justify-self:center;color:#434a53}.purpose-option.is-selected svg,.purpose-option.is-selected .purpose-meta{color:var(--primary)}.selection-bracket{position:absolute;top:14px;right:14px;bottom:14px;left:14px;pointer-events:none;opacity:0}.selection-bracket:before,.selection-bracket:after{content:"";position:absolute;top:0;bottom:0;width:18px;border-top:2px solid var(--primary);border-bottom:2px solid var(--primary)}.selection-bracket:before{left:0;border-left:2px solid var(--primary)}.selection-bracket:after{right:0;border-right:2px solid var(--primary)}.purpose-option.is-selected .selection-bracket{opacity:1}.purpose-copy{min-width:0;display:grid;gap:8px}.purpose-meta{display:flex;align-items:center;gap:12px;color:var(--primary);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}.purpose-meta strong{color:var(--mint);font-weight:600}.purpose-title{color:var(--text);font-size:23px;line-height:1.35}.purpose-description{color:var(--muted);font-size:13px;line-height:1.6}.selection-summary{min-height:72px;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:22px;margin-top:28px;padding:16px 20px;background:#fbfcfd;border:1px solid var(--border)}.selection-summary .selection-label{color:var(--primary);font-size:12px;font-weight:700}.selection-summary strong{padding-right:22px;border-right:1px solid var(--border);font-size:18px}.selection-summary>span:last-child{color:var(--muted);font-size:13px}.two-column-layout,.publish-layout,.generator-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:28px;align-items:start}.primary-column{min-width:0}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.upload-zone{width:100%;min-height:260px;display:grid;place-items:center;align-content:center;gap:9px;color:var(--text);background:#fbfcfd;border:1px dashed #9eabb9;border-radius:6px}.upload-zone:hover{background:var(--primary-soft);border-color:var(--primary)}.upload-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:4px;color:var(--primary);background:var(--surface);border:1px solid var(--border);border-radius:6px}.upload-zone strong{font-size:18px}.upload-zone>span:last-child{color:var(--muted);font-size:12px}.file-list{margin-top:18px;border-top:1px solid var(--border)}.empty-row,.file-row{min-height:66px;display:flex;align-items:center;gap:12px;padding:12px 10px;color:var(--muted);border-bottom:1px solid var(--border)}.file-row>span{min-width:0;flex:1;display:grid;gap:3px}.file-row strong{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.file-row small{font-size:11px}.icon-button{width:36px;height:36px;display:grid;place-items:center;color:#717984;background:transparent;border:0;border-radius:4px}.icon-button:hover{color:var(--signal);background:#fff0f0}.manual-entry{display:flex;align-items:center;gap:12px;margin-top:20px;padding:16px;background:var(--surface-soft);border-radius:6px}.manual-entry>span{display:grid;gap:3px}.manual-entry strong{font-size:13px}.manual-entry small{color:var(--muted);font-size:11px}input[type=checkbox],input[type=radio]{width:17px;height:17px;accent-color:var(--primary)}.settings-panel,.publish-checklist,.prompt-panel,.setting-section,.business-confirmation{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:6px}.panel-title{display:flex;align-items:flex-start;gap:12px}.panel-title>svg{flex:0 0 auto;color:var(--primary)}.panel-title>div{display:grid;gap:4px}.panel-title strong{color:var(--text);font-size:15px}.panel-title span{color:var(--muted);font-size:11px;line-height:1.55}.settings-panel fieldset{display:grid;gap:6px;margin:26px 0 0;padding:0;border:0}.settings-panel legend{margin-bottom:9px;color:#59616c;font-size:12px;font-weight:700}.radio-row,.consent-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;color:#424951;font-size:12px;line-height:1.55}.consent-row{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.security-note,.publish-checklist>p{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.verify-table{border:1px solid var(--border);border-radius:6px;overflow:hidden}.verify-table-head,.verify-row{display:grid;grid-template-columns:minmax(120px,.75fr) minmax(220px,1.7fr) minmax(130px,.8fr) minmax(130px,.65fr);align-items:center;gap:16px;padding:14px 18px}.verify-table-head{color:#59616b;background:var(--surface-soft);font-size:11px;font-weight:700}.verify-row{min-height:72px;background:var(--surface);border-top:1px solid var(--border)}.verify-row label{color:#363c44;font-size:13px;font-weight:700}.verify-row label i{margin-left:7px;color:var(--signal);font-size:9px;font-style:normal}.verify-row input,.full-input,.field-label input,.field-label textarea,.tag-inputs input,.control-block select,.domain-input,.prompt-panel textarea{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:4px}.verify-row input,.full-input,.field-label input,.tag-inputs input,.control-block select{height:42px;padding:0 11px}.verify-row input:hover,.verify-row input:focus,.field-label input:focus,.field-label textarea:focus,.prompt-panel textarea:focus{border-color:var(--primary)}.source-badge{width:fit-content;padding:5px 7px;color:#257251;background:var(--mint-soft);border-radius:4px;font-size:10px;font-weight:700}.source-badge.is-user{color:var(--primary);background:var(--primary-soft)}.confirm-button{display:flex;align-items:center;gap:7px;padding:8px 10px;color:#8d5b18;background:#fff8eb;border:1px solid #efd7ad;border-radius:4px;font-size:11px;font-weight:700}.confirm-button.is-confirmed{color:#257251;background:var(--mint-soft);border-color:#bfe9d5}.business-confirmation{margin-top:24px}.tag-inputs{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tag-inputs label{display:flex;align-items:center}.tag-inputs input{min-width:220px;border-radius:4px 0 0 4px}.tag-inputs label button{width:38px;height:42px;display:grid;place-items:center;color:#727a84;background:var(--surface-soft);border:1px solid var(--border);border-left:0;border-radius:0 4px 4px 0}.add-row{height:42px;display:flex;align-items:center;gap:6px;padding:0 12px;color:var(--primary);background:var(--primary-soft);border:0;border-radius:4px;font-size:12px;font-weight:700}.warning-note,.safety-copy{display:flex;align-items:center;gap:8px;margin:18px 0 0;color:#85541a;font-size:11px}.design-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.design-tabs,.preview-switch{display:inline-flex;padding:3px;background:var(--surface-soft);border:1px solid var(--border);border-radius:6px}.design-tabs button,.preview-switch button,.segmented-choice button{min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;color:#68707b;background:transparent;border:0;border-radius:4px;font-size:12px;font-weight:700}.design-tabs button.is-active,.preview-switch button.is-active,.segmented-choice button.is-active{color:var(--primary);background:var(--surface);box-shadow:0 1px 3px #161f2b1a}.design-workspace{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(480px,1.28fr);gap:28px}.design-options h2,.result-title h2{margin:0 0 12px;font-size:14px}.design-options h2:not(:first-child){margin-top:24px}.preset-list,.palette-list{display:grid;gap:8px}.preset-list button,.palette-list button{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:5px}.preset-list button.is-selected,.palette-list button.is-selected,.logo-results button.is-selected,.image-direction-list button.is-selected{border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.preset-list button>span{display:grid;gap:4px}.preset-list strong,.palette-list strong{font-size:12px}.preset-list small{color:var(--muted);font-size:10px}.palette-list{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-list button{min-height:92px;display:grid;justify-items:start}.swatches{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.swatches i{height:28px;border:1px solid rgba(20,25,31,.12);border-radius:2px}.brand-preview{min-height:570px;overflow:hidden;color:var(--preview-text);background:var(--preview-bg);border:1px solid var(--border-strong);border-radius:6px;box-shadow:0 20px 50px #24303f1c}.preview-browser-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#ffffffc2;border-bottom:1px solid rgba(30,36,43,.12)}.preview-browser-bar span{width:7px;height:7px;background:var(--border-strong);border-radius:50%}.preview-browser-bar em{margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:9px;font-style:normal}.preview-site-header{height:70px;display:flex;align-items:center;gap:10px;padding:0 30px;border-bottom:1px solid rgba(30,36,43,.12)}.preview-site-header span{margin-left:auto;font-size:9px}.preview-hero-block{padding:70px 54px 62px}.preview-hero-block small{color:var(--preview-primary);font-size:10px;font-weight:700}.preview-hero-block h3{max-width:580px;margin:16px 0;font-size:clamp(30px,3vw,46px);line-height:1.35}.preview-hero-block button{height:42px;margin-top:18px;padding:0 20px;color:#fff;background:var(--preview-primary);border:0;border-radius:4px}.preview-service-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1e242b1f;border-top:1px solid rgba(30,36,43,.12)}.preview-service-row span{min-height:94px;display:grid;place-items:center;background:var(--preview-bg);font-size:12px;font-weight:700}.prompt-panel textarea{min-height:210px;margin-top:20px;padding:14px;resize:vertical;line-height:1.8}.prompt-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 18px}.prompt-actions button,.inline-actions button{min-height:34px;padding:0 10px;color:var(--primary);background:var(--primary-soft);border:0;border-radius:4px;font-size:10px;font-weight:700}.primary-button,.secondary-button{min-width:146px;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;border-radius:5px;font-weight:700}.primary-button{color:#fff;background:var(--primary);border:1px solid var(--primary)}.primary-button:hover:not(:disabled){background:var(--primary-strong)}.primary-button:disabled{color:#9aa2ad;background:#e4e8ed;border-color:#e4e8ed;cursor:not-allowed}.secondary-button{color:#4b535e;background:var(--surface);border:1px solid var(--border-strong)}.secondary-button:hover{border-color:var(--primary);color:var(--primary)}.full-button{width:100%}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-panel,.image-direction-list{min-width:0}.result-title{display:flex;align-items:center;justify-content:space-between}.result-title span{color:var(--muted);font-size:11px}.logo-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.logo-results button{min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px}.logo-results strong{font-family:IBM Plex Mono,monospace;font-size:12px}.logo-results small{max-width:180px;color:var(--muted);font-size:10px;line-height:1.5}.logo-demo{width:92px;height:92px;display:grid;place-items:center;color:var(--primary);background:#f8fafc;border:1px solid var(--border);border-radius:6px}.logo-demo-1{color:#178c7a}.logo-demo-2{color:#d47a3b}.logo-demo-3{color:#333942}.segmented-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:14px 0 18px;background:var(--border);border:1px solid var(--border);border-radius:5px;overflow:hidden}.segmented-choice button{min-width:0;padding:0 8px;background:var(--surface);border-radius:0}.image-direction-list{display:grid;gap:10px}.image-direction-list>button{min-height:116px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:6px}.image-direction-icon{width:52px;height:52px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:5px}.image-direction-list>button>span:nth-child(2){display:grid;gap:5px}.image-direction-list small{color:var(--primary);font-family:IBM Plex Mono,monospace;font-size:9px}.image-direction-list strong{font-size:15px}.image-direction-list em{color:var(--muted);font-size:11px;font-style:normal}.editor-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.section-editor{padding:18px;background:var(--surface-soft);border:1px solid var(--border);border-radius:6px}.control-block{display:grid;gap:7px;margin-bottom:16px}.control-block label{color:#59616c;font-size:11px;font-weight:700}.section-list-title{display:flex;justify-content:space-between;margin:24px 0 10px;color:#555d68;font-size:11px}.section-list-title span{color:var(--primary)}.section-list{background:var(--surface);border:1px solid var(--border);border-radius:5px;overflow:hidden}.section-row{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;color:#9299a2;border-bottom:1px solid var(--border)}.section-row:last-child{border-bottom:0}.section-row.is-enabled{color:var(--text)}.section-row label{min-width:0;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.section-row>div{display:flex}.section-row>div button{width:28px;height:28px;display:grid;place-items:center;color:#656d77;background:transparent;border:0;border-radius:3px}.section-row>div button:hover:not(:disabled){color:var(--primary);background:var(--primary-soft)}.section-row>div button:disabled{opacity:.3}.website-preview-frame{min-width:0;padding:14px;background:#dfe4ea;border-radius:6px}.device-meta{height:34px;display:flex;align-items:center;gap:8px;color:#5e6671;font-family:IBM Plex Mono,monospace;font-size:9px}.device-meta strong{margin-left:auto}.generated-site{min-height:620px;overflow:hidden;color:#151a20;background:#fff;border:1px solid #c9d0d8;border-radius:4px;box-shadow:0 14px 38px #1d263124}.generated-site header{height:56px;display:flex;align-items:center;gap:16px;padding:0 24px;border-bottom:1px solid #e3e7eb;font-size:9px}.generated-site header>span{display:flex;align-items:center;gap:7px;font-weight:800}.generated-site header nav{margin-left:auto;color:#5e6670}.generated-site button{height:32px;padding:0 12px;color:#fff;background:var(--primary);border:0;border-radius:3px;font-size:9px}.generated-hero{min-height:270px;padding:50px 44px;background:#f5f8fc;border-bottom:1px solid #e3e7eb}.generated-hero small{color:var(--primary);font-size:9px;font-weight:700}.generated-hero h2{margin:12px 0;font-size:clamp(26px,3vw,44px);line-height:1.35}.generated-hero p{max-width:520px;color:#626b77;font-size:10px;line-height:1.8}.hero-service{border-left:5px solid var(--primary)}.hero-product{background:#eef5f3}.hero-visual{background:#edf1f7;text-align:center}.generated-section{min-height:98px;display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;padding:20px 30px;border-bottom:1px solid #e3e7eb}.generated-section>span{color:var(--primary);font-family:IBM Plex Mono,monospace;font-size:10px}.generated-section small{color:#8b929c;font-family:IBM Plex Mono,monospace;font-size:7px}.generated-section h3{margin:4px 0;font-size:14px}.generated-section p{margin:0;color:#717985;font-size:9px}.website-preview-frame.is-mobile{padding:18px max(18px,calc((100% - 390px)/2))}.website-preview-frame.is-mobile .generated-site{width:390px;max-width:100%;min-height:720px;margin:0 auto}.website-preview-frame.is-mobile .generated-site header nav{display:none}.website-preview-frame.is-mobile .generated-site header{padding:0 14px}.website-preview-frame.is-mobile .generated-hero{min-height:300px;padding:42px 24px}.website-preview-frame.is-mobile .generated-section{grid-template-columns:34px 1fr;padding:18px}.publish-layout{grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr)}.publish-settings{display:grid;gap:18px}.domain-input{height:52px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;margin-top:20px;overflow:hidden}.domain-input span{height:100%;display:flex;align-items:center;padding:0 12px;color:#69717b;background:var(--surface-soft);font-family:IBM Plex Mono,monospace;font-size:11px}.domain-input input{width:100%;height:100%;padding:0 10px;color:var(--text);background:var(--surface);border:0;outline:0}.custom-domain{display:flex;align-items:center;gap:8px;margin:14px 0;font-size:12px}.field-label{display:grid;gap:7px;margin-top:14px;color:#59616b;font-size:11px;font-weight:700}.field-label textarea{min-height:90px;padding:10px;resize:vertical}.inline-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.inline-actions button{display:flex;align-items:center;gap:6px}.publish-checklist>label{display:block;margin-top:10px}.publish-checklist>label input{position:absolute;opacity:0}.publish-checklist>label span{min-height:46px;display:flex;align-items:center;gap:9px;padding:10px;color:#6f7781;background:var(--surface-soft);border:1px solid transparent;border-radius:4px;font-size:11px}.publish-checklist>label.is-checked span{color:#256f52;background:var(--mint-soft);border-color:#c6ead8}.publish-checklist .full-button{margin-top:18px}.success-panel{max-width:880px;margin:40px auto;text-align:center}.success-mark{width:92px;height:92px;display:grid;place-items:center;margin:0 auto 22px;color:#fff;background:var(--mint);border-radius:50%}.success-panel h1{margin:0;font-size:42px}.public-url{color:var(--primary);font-family:IBM Plex Mono,monospace}.success-actions{display:flex;justify-content:center;gap:10px;margin:26px 0 42px}.post-publish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.post-publish-grid>div{min-height:150px;display:grid;place-items:center;align-content:center;gap:8px;padding:20px;background:var(--surface)}.post-publish-grid svg{color:var(--primary)}.post-publish-grid strong{font-size:13px}.post-publish-grid span{color:var(--muted);font-size:10px}.version-history{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:16px;text-align:left;background:var(--surface-soft);border:1px solid var(--border)}.version-history>div{display:flex;align-items:center;gap:10px}.version-history span{display:grid;gap:3px}.version-history strong{font-size:12px}.version-history small{color:var(--muted);font-size:10px}.version-history button{height:36px;padding:0 12px;color:var(--primary);background:var(--surface);border:1px solid var(--border);border-radius:4px;font-size:11px}.action-bar{position:fixed;z-index:18;right:0;bottom:0;left:var(--rail-width);min-height:var(--action-height);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 52px;background:#fffffff7;border-top:1px solid var(--border)}.action-context{min-width:0;display:flex;align-items:center;gap:18px}.action-context span{color:var(--primary);font-family:IBM Plex Mono,monospace;font-size:10px}.action-context strong{padding-right:18px;border-right:1px solid var(--border);font-size:17px}.action-context em{overflow:hidden;color:var(--muted);font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.action-buttons{flex:0 0 auto;display:flex;gap:9px}.toast{position:fixed;z-index:50;right:24px;bottom:calc(var(--action-height) + 20px);display:flex;align-items:center;gap:9px;padding:14px 18px;color:#205d46;background:#eefaf5;border:1px solid #bce7d3;border-radius:5px;box-shadow:0 12px 30px #1c342b1f;font-size:12px;font-weight:700}@media(max-width:1180px){:root{--rail-width: 142px}.brand-rail{padding-inline:18px}.workspace-header,.workspace-content,.action-bar{padding-left:30px;padding-right:30px}.progress{gap:8px}.progress-step{grid-template-columns:1fr}.progress-index{grid-row:auto}.progress-label{font-size:11px}.purpose-option{grid-template-columns:88px minmax(0,1fr);padding-inline:22px}.design-workspace{grid-template-columns:340px minmax(0,1fr)}}@media(max-width:900px){:root{--rail-width: 0px;--header-height: auto;--action-height: 86px}.app-shell{display:block}.brand-rail{position:sticky;top:0;z-index:30;width:100%;height:66px;display:flex;flex-direction:row;align-items:center;padding:0 18px;border-right:0;border-bottom:1px solid var(--border)}.brand-lockup{flex-direction:row;gap:10px;text-align:left}.brand-mark{width:38px;height:38px;margin:0}.brand-mark svg{width:25px;height:25px}.brand-mark img{width:32px;height:32px}.brand-lockup strong{font-size:14px;line-height:1.05}.brand-lockup small,.system-state span{display:none}.system-state{margin-left:auto}.workspace{min-height:calc(100vh - 66px)}.workspace-header{top:66px;min-height:86px;display:block;padding:18px;overflow:hidden}.progress{grid-template-columns:repeat(6,104px);gap:8px;overflow-x:auto;scrollbar-width:none}.progress::-webkit-scrollbar{display:none}.progress-step{min-width:104px}.saved-projects{display:none}.workspace-content{padding:34px 20px 38px}.step-heading{margin-bottom:30px}.step-heading h1{font-size:34px}.purpose-list,.two-column-layout,.publish-layout,.generator-layout,.design-workspace,.editor-layout{grid-template-columns:1fr}.purpose-option:nth-child(odd){border-right:0}.purpose-option{min-height:142px}.settings-panel{order:-1}.verify-table{overflow-x:auto}.verify-table-head,.verify-row{min-width:820px}.design-heading-row{align-items:flex-start;flex-direction:column}.design-tabs{width:100%}.design-tabs button{flex:1}.brand-preview{min-height:500px}.editor-layout{gap:18px}.section-editor{max-height:none}.action-bar{left:0;min-height:var(--action-height);padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px))}.action-context em{display:none}.action-context strong{border-right:0}}@media(max-width:620px){.workspace-content{padding-inline:16px}.step-heading h1,.compact-heading h1,.success-panel h1{font-size:29px;line-height:1.3}.step-heading>p:not(.eyebrow),.step-heading>div>p:not(.eyebrow){font-size:14px}.purpose-option{grid-template-columns:68px minmax(0,1fr);gap:14px;min-height:132px;padding:20px 16px}.purpose-option svg{width:42px;height:42px}.purpose-title{font-size:18px}.purpose-description{font-size:11px}.selection-summary{grid-template-columns:auto 1fr;gap:8px 12px}.selection-summary>span:last-child{grid-column:1 / 3}.selection-summary strong{padding:0;border:0}.verify-table{overflow:visible}.verify-table-head{display:none}.verify-row{min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px}.verify-row>label,.verify-row>input{grid-column:1 / -1}.verify-row>.source-badge{grid-column:1}.verify-row>.confirm-button{grid-column:2}.palette-list{grid-template-columns:1fr}.palette-list button{grid-template-columns:110px 1fr;align-items:center;min-height:64px}.swatches i{height:24px}.logo-results{grid-template-columns:1fr}.logo-results button{min-height:176px}.segmented-choice{grid-template-columns:1fr}.image-direction-list>button{grid-template-columns:48px minmax(0,1fr)}.image-direction-list>button>svg{display:none}.generated-site{min-height:590px}.generated-site header nav{display:none}.generated-hero{min-height:280px;padding:38px 22px}.generated-hero h2{font-size:28px}.post-publish-grid{grid-template-columns:1fr}.success-actions{flex-direction:column}.version-history{align-items:flex-start;flex-direction:column;gap:12px}.action-context span,.action-context em{display:none}.action-context strong{font-size:13px}.primary-button,.secondary-button{min-width:112px;height:44px;padding:0 14px;font-size:13px}.toast{right:14px;bottom:calc(var(--action-height) + 14px);left:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}