:root{--color-bg:#f6f5f1;--color-surface:#fff;--color-surface-sunken:#f1f0ea;--color-line:#e3e1d9;--color-line-strong:#c9c6bb;--color-text:#1f2320;--color-text-muted:#5b615c;--color-danger:#a4262c;--color-danger-soft:#fbe9e9;--color-success:#1d6b3a;--color-success-soft:#e6f4ea;--color-warning:#8a5a00;--color-warning-soft:#fdf3dc;--brand-primary:#2f5d3a;--brand-primary-text:#2f5d3a;--brand-on-primary:#fff;--brand-primary-soft:#e8efe9;--brand-secondary:#c8a36a;--brand-accent:#b5651d;--font-heading:ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body:ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:8px;--radius-button:8px;--button-bg:var(--brand-primary);--button-fg:var(--brand-on-primary);--button-border:var(--brand-primary);--space-unit:1;--shadow-card:0 1px 2px #1418140f, 0 8px 24px #1418140d;--focus-ring:0 0 0 3px color-mix(in srgb, var(--brand-primary) 45%, transparent);--ease-out:cubic-bezier(.2, .7, .2, 1);--transition-fast:.16s var(--ease-out);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.5}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.2}h1{font-size:clamp(1.5rem,2.2vw,1.9rem)}h2{font-size:1.15rem}h3{font-size:.95rem}p{margin:0}:focus-visible{box-shadow:var(--focus-ring);border-radius:4px;outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.btn{min-height:calc(40px * var(--space-unit));border:1px solid var(--button-border);border-radius:var(--radius-button);background:var(--button-bg);color:var(--button-fg);font:inherit;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(.96)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{color:var(--color-text);border-color:var(--color-line-strong);background:0 0}.btn--quiet{color:var(--brand-primary-text);background:0 0;border-color:#0000;padding:0 10px}.btn--danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.field{gap:6px;display:grid}.field__label{color:var(--color-text-muted);font-size:.82rem;font-weight:600}.input,.select,.textarea{width:100%;min-height:calc(40px * var(--space-unit));border:1px solid var(--color-line-strong);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit;padding:8px 12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-primary);box-shadow:var(--focus-ring);outline:none}.input[aria-invalid=true]{border-color:var(--color-danger)}.field__hint{color:var(--color-text-muted);font-size:.8rem}.field__error{color:var(--color-danger);font-size:.82rem}.badge{background:var(--color-surface-sunken);color:var(--color-text-muted);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge--demo{background:var(--color-warning-soft);color:var(--color-warning)}.badge--ok{background:var(--color-success-soft);color:var(--color-success)}.badge--error{background:var(--color-danger-soft);color:var(--color-danger)}.notice{border-radius:var(--radius);border:1px solid var(--color-line);background:var(--color-surface-sunken);padding:12px 14px;font-size:.9rem}.notice--error{background:var(--color-danger-soft);color:var(--color-danger);border-color:#e9b8ba}.notice--warning{background:var(--color-warning-soft);color:var(--color-warning);border-color:#ecd49a}.notice--ok{background:var(--color-success-soft);color:var(--color-success);border-color:#b7dcc3}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.skip{z-index:50;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:8px 14px;position:absolute;top:-48px;left:12px}.skip:focus{top:12px}.app{background:radial-gradient(1200px 500px at 85% -10%, color-mix(in srgb, var(--brand-primary) 7%, transparent), transparent 70%), var(--color-bg);grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr);min-height:100vh;display:grid}.app--embed{background:var(--color-bg);min-height:100vh}.topbar{padding:calc(14px * var(--space-unit)) 28px;border-bottom:1px solid var(--color-line);background:color-mix(in srgb, var(--color-surface) 92%, transparent);z-index:20;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand__logo{object-fit:contain;width:auto;max-width:180px;height:34px}.brand__name{font-family:var(--font-heading);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.brand__config{color:var(--color-text-muted);border-left:1px solid var(--color-line);white-space:nowrap;text-overflow:ellipsis;padding-left:14px;font-size:.9rem;overflow:hidden}.topbar__tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.stepper{padding:14px 28px 0}.stepper ol{scrollbar-width:none;gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.stepper ol::-webkit-scrollbar{display:none}.stepper__item{color:var(--color-text-muted);font:inherit;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 8px;font-size:.88rem;font-weight:600;display:inline-flex}.stepper__item:hover{background:var(--color-surface);color:var(--color-text)}.stepper__item[aria-current=step]{background:var(--color-surface);border-color:var(--color-line);color:var(--color-text);box-shadow:var(--shadow-card)}.stepper__num{background:var(--color-surface-sunken);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.75rem;display:inline-grid}.stepper__item[aria-current=step] .stepper__num{background:var(--brand-primary);color:var(--brand-on-primary)}.workspace{grid-template-rows:minmax(520px,calc(100vh - 210px)) auto;grid-template-columns:minmax(0,1fr) minmax(340px,410px);align-items:start;gap:20px;padding:18px 28px 40px;display:grid}.viewport-col{flex-direction:column;grid-area:1/1;gap:10px;min-width:0;height:100%;display:flex}.panel-col{flex-direction:column;grid-area:1/2;gap:12px;min-width:0;max-height:calc(100vh - 210px);padding-right:2px;display:flex;overflow:auto}.summary-col{grid-area:2/2}.panel{padding:24px}.nav-buttons{justify-content:space-between;gap:12px;display:flex}.viewport{background:var(--color-surface);border:1px solid var(--color-line);border-radius:calc(var(--radius) + 4px);min-height:0;box-shadow:var(--shadow-card);flex-direction:column;flex:1;display:flex;overflow:hidden}.viewport__bar{border-bottom:1px solid var(--color-line);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.viewport__stage{flex:1;min-height:360px;position:relative}.plan{background:#fbfaf7;flex-direction:column;min-width:0;height:100%;min-height:360px;display:flex;position:relative;overflow:hidden}.plan__toolbar{border-bottom:1px solid var(--color-line);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.plan__sep{background:var(--color-line);width:1px;height:22px;margin:0 4px}.plan__canvas{flex:1;min-width:0;min-height:320px;position:relative}.plan__svg{touch-action:none;-webkit-user-select:none;user-select:none;background:#fbfaf7;outline:none;width:100%;min-width:0;max-width:100%;height:100%;display:block;position:absolute;inset:0}.plan__svg:focus-visible{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--brand-primary) 40%, transparent)}.plan__hint{max-width:calc(100% - 24px);color:var(--color-text-muted);background:color-mix(in srgb, var(--color-surface) 92%, transparent);pointer-events:none;border-radius:8px;margin:0;padding:6px 10px;font-size:.8rem;position:absolute;bottom:10px;left:12px}.plan__mode{background:var(--brand-primary);color:var(--brand-on-primary);border-radius:8px;margin:0;padding:6px 10px;font-size:.82rem;font-weight:600;position:absolute;top:58px;right:12px}.grid{stroke:#e7e4da;stroke-width:1px}.grid--major{stroke:#d8d4c7}.terrace{fill:color-mix(in srgb, var(--brand-primary) 9%, #fff);stroke:var(--color-text);stroke-width:2px;stroke-linejoin:round}.terrace--invalid{fill:var(--color-danger-soft);stroke:var(--color-danger);stroke-dasharray:6 4}.cutout{fill:#d5d0c3;stroke:#4c4a44;stroke-width:1.5px;cursor:move}.cutout--obstacle{fill:url(#hatch), #cfc6b2}.cutout--opening{fill:#e7e2d6}.cutout.is-selected{stroke:var(--brand-primary);stroke-width:2.5px}.cutout--invalid{stroke:var(--color-danger);stroke-dasharray:5 3}.cutout:focus-visible{stroke:var(--brand-primary);stroke-width:3px;outline:none}.cutout-preview{fill:color-mix(in srgb, var(--brand-accent) 25%, transparent);stroke:var(--brand-accent);stroke-dasharray:5 4}.guide{stroke:var(--brand-accent);stroke-width:1px;stroke-dasharray:4 4}.edge-line{stroke:#0000;stroke-width:14px}.edge-label{fill:var(--color-text);cursor:text;paint-order:stroke;stroke:#fbfaf7;stroke-width:4px;font-size:13px;font-weight:600}.dimension{fill:var(--color-text-muted);stroke:var(--color-text-muted);stroke-width:1px;font-size:12px}.dimension text{stroke:none}.handle{fill:var(--color-surface);stroke:var(--brand-primary);stroke-width:2.5px;cursor:grab}.handle:hover,.handle:focus-visible,.handle.is-active{fill:var(--brand-primary)}.handle--invalid{stroke:var(--color-danger)}.edge-editor{z-index:5;width:min(300px,80%);padding:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.segmented{background:var(--color-surface-sunken);border-radius:999px;padding:3px;display:inline-flex}.segmented button{font:inherit;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:.86rem;font-weight:600}.segmented button[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-card)}.segmented button.view-3d[aria-pressed=false]{box-shadow:inset 0 0 0 1.5px var(--brand-primary);color:var(--brand-primary);margin-left:2px}.segmented button.view-3d[aria-pressed=false]:hover{background:color-mix(in srgb, var(--brand-primary) 10%, transparent)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip,.plan__toolbar .chip{border:1px solid var(--color-line-strong);background:var(--color-surface);font:inherit;color:var(--color-text);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.82rem}.chip[aria-pressed=true]{background:var(--brand-primary-soft);border-color:var(--brand-primary);color:var(--brand-primary-text);font-weight:600}.icon-btn{border:1px solid var(--color-line-strong);background:var(--color-surface);width:32px;height:32px;font:inherit;cursor:pointer;color:var(--color-text);border-radius:8px;place-items:center;font-size:1.05rem;display:grid}.toggle{color:var(--color-text-muted);cursor:pointer;align-items:center;gap:6px;font-size:.84rem;display:inline-flex}.toggle input{accent-color:var(--brand-primary);width:16px;height:16px}.check-row{align-items:flex-start;gap:10px;font-size:.88rem;display:flex}.check-row input{accent-color:var(--brand-primary);width:16px;height:16px;margin-top:3px}.check-row a{color:var(--brand-primary-text)}.scene-wrap{background:linear-gradient(#e9eef0,#dfe7e8);position:absolute;inset:0}.scene-wrap canvas{outline:none;display:block;width:100%!important;height:100%!important}.scene-hint{color:#33403f;background:#ffffffc7;border-radius:8px;margin:0;padding:6px 10px;font-size:.8rem;position:absolute;bottom:10px;left:12px}.scene-loading{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--color-line);border-top-color:var(--brand-primary);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}.scene-progress{background:var(--color-line);border-radius:3px;width:200px;height:5px;overflow:hidden}.scene-progress i{background:var(--brand-primary);border-radius:3px;height:100%;transition:width .25s;display:block}.scene-progress i.scene-progress--pulse{animation:1.4s ease-in-out infinite scene-pulse}@keyframes scene-pulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.fps{font-variant-numeric:tabular-nums;color:#fff;background:#0009;border-radius:6px;padding:3px 8px;font-size:.75rem;position:absolute;bottom:10px;right:12px}.dim-label{color:#1f2320;white-space:nowrap;background:#ffffffe6;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block;box-shadow:0 1px 2px #0000001a}.inline-select{display:inline-flex}.shot{position:relative}.shot__panel{z-index:10;gap:12px;width:260px;padding:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.step{gap:18px;display:grid}.step-head h1{font-size:1.45rem}.step-intro{color:var(--color-text-muted);font-size:.95rem}.subsection{border-top:1px solid var(--color-line);gap:12px;padding-top:18px;display:grid}.subsection h2,.subhead{font-size:1rem}.subhead{margin-top:6px}.fieldset{border:0;gap:10px;margin:0;padding:0;display:grid}.fieldset legend{color:var(--color-text-muted);margin-bottom:8px;padding:0;font-size:.82rem;font-weight:600}.fine{color:var(--color-text-muted);font-size:.8rem;line-height:1.45}.stack{gap:12px;display:grid}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.input--large{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600}.select--compact{width:auto;min-height:34px;padding:4px 10px;font-size:.86rem}.btn--small{min-height:34px;padding:0 12px;font-size:.86rem}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.option-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.option{border:1px solid var(--color-line-strong);border-radius:var(--radius);background:var(--color-surface);font:inherit;color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);justify-items:center;gap:8px;padding:14px 8px;font-size:.86rem;font-weight:600;display:grid}.option:hover{border-color:var(--color-text-muted)}.option[aria-pressed=true]{border-color:var(--brand-primary);background:var(--brand-primary-soft);box-shadow:0 0 0 1px var(--brand-primary) inset}.option__sketch{fill:#bfb49c;width:46px;height:46px}.option[aria-pressed=true] .option__sketch{fill:var(--brand-primary)}.list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.list li{align-items:center;gap:8px;display:flex}.list__item{text-align:left;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);font:inherit;cursor:pointer;flex:1;padding:9px 12px}.list__item[aria-pressed=true]{border-color:var(--brand-primary);background:var(--brand-primary-soft)}.product{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);transition:border-color var(--transition-fast);gap:12px;padding:16px;display:grid}.product.is-selected{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary) inset}.product__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.product h2{font-size:1.02rem}.specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.specs div{gap:2px;display:grid}.specs dt,.facts dt{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:600}.specs dd,.facts dd{margin:0;font-size:.9rem;font-weight:600}.swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.swatch{border:1px solid var(--color-line-strong);border-radius:var(--radius);background:var(--color-surface);font:inherit;text-align:left;cursor:pointer;justify-items:start;gap:4px;padding:10px;display:grid}.swatch[aria-pressed=true]{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-soft)}.swatch__chip{border-radius:6px;width:100%;height:70px;margin-bottom:6px;box-shadow:inset 0 0 0 1px #0000000f}.swatch__name{font-weight:600}.facts{grid-template-columns:1fr 1fr;gap:12px 16px;margin:0;display:grid}.facts>div{gap:2px;display:grid}.facts--stack{grid-template-columns:1fr}.facts--tech{border-top:1px dashed var(--color-line);padding-top:12px}.qty{border-collapse:collapse;width:100%;font-size:.9rem}.qty th,.qty td{text-align:left;border-bottom:1px solid var(--color-line);vertical-align:top;padding:9px 4px}.qty th{color:var(--color-text-muted);width:46%;font-weight:500}.qty td{font-variant-numeric:tabular-nums;font-weight:600}.checks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.check{grid-template-columns:22px 1fr;align-items:start;gap:10px;font-size:.88rem;display:grid}.check__icon{background:var(--color-surface-sunken);width:22px;height:22px;color:var(--color-text-muted);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid}.check--pass .check__icon{background:var(--color-success-soft);color:var(--color-success)}.check--fail .check__icon{background:var(--color-danger-soft);color:var(--color-danger)}.check--warn .check__icon{background:var(--color-warning-soft);color:var(--color-warning)}.summary{gap:14px;padding:18px 20px;display:grid}.summary__title{font-size:.95rem}.rule-status{border-radius:8px;margin:0;padding:8px 10px;font-size:.86rem;font-weight:600}.rule-status--ok{background:var(--color-success-soft);color:var(--color-success)}.rule-status--warn{background:var(--color-warning-soft);color:var(--color-warning)}.rule-status--fail{background:var(--color-danger-soft);color:var(--color-danger)}.notice{margin:0}.issues{margin:8px 0 0;padding-left:18px}.save-indicator{color:var(--color-text-muted);align-self:flex-end;margin:0;font-size:.8rem}.save-indicator--saved{color:var(--color-success)}.save-indicator--error{color:var(--color-danger)}.lead{border-radius:var(--radius);border:1px solid var(--color-line);background:var(--color-surface-sunken);gap:14px;padding:18px;display:grid}.card-inset{border-radius:var(--radius);border:1px solid var(--color-line);background:var(--color-surface-sunken);padding:18px}.share{gap:8px;display:grid}.share .input{font-size:.85rem}.mobile-bar{display:none}.fullpage{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:100vh;padding:32px;display:grid}.fullpage__mark{background:var(--brand-primary);opacity:.9;border-radius:16px;width:54px;height:54px}.fullpage p{color:var(--color-text-muted);max-width:40ch}.app--share .share{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;padding:18px 28px 40px;display:grid}.share__stage{flex-direction:column;height:calc(100vh - 150px);min-height:560px;display:flex;overflow:hidden}.share__stage .scene-wrap,.share__stage .static-plan{flex:1;min-height:420px;position:relative}.static-plan{background:#fbfaf7;width:100%;height:100%}.static-plan .terrace{stroke-width:3px}.share__summary{position:sticky;top:16px}.share__powered{padding:0 28px 24px}.app--share .topbar{position:sticky}@media (max-width:1100px){.workspace{grid-template-rows:minmax(440px,calc(100vh - 230px)) auto;grid-template-columns:minmax(0,1fr) minmax(320px,360px)}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.topbar{flex-wrap:wrap;padding:12px 16px}.brand__config{display:none}.stepper{z-index:15;background:var(--color-bg);padding:10px 16px 0;position:sticky;top:0}.stepper__label{display:none}.stepper__item{padding:6px}.stepper__item[aria-current=step] .stepper__label{font-size:.82rem;display:inline}.stepper__item[aria-current=step]{padding:6px 12px 6px 6px}.stepper__progress{display:none}.workspace{flex-direction:column;gap:16px;padding:14px 14px 110px;display:flex}.viewport-col{height:auto}.viewport{min-height:0}.viewport__stage{flex:none;height:56vh;min-height:340px}.plan{min-height:340px}.plan__svg{min-height:300px}.plan__hint,.scene-hint{display:none}.panel-col{max-height:none;padding-right:0;overflow:visible}.panel{padding:18px}.summary-col{order:3}.nav-buttons{display:none}.mobile-bar{z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-surface) 96%, transparent);border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 18px #1418140f}.mobile-bar .btn{min-width:110px;min-height:46px}.mobile-bar__step{color:var(--color-text-muted);text-align:center;font-size:.82rem;font-weight:600}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.option{padding:10px 4px;font-size:.8rem}.option__sketch{width:36px;height:36px}.specs{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.app--share .share{grid-template-columns:1fr;padding:14px}.share__stage{height:56vh;min-height:340px}.share__summary{position:static}.app--embed .workspace{padding:12px 12px 16px}.app--embed .mobile-bar{position:sticky}}@media (max-width:420px){.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.facts{grid-template-columns:1fr}}.app--embed .stepper{padding-top:10px}.app--embed .workspace{grid-template-rows:minmax(560px,1fr) auto;padding-bottom:16px}.app--embed .viewport-col{grid-row:1/-1}.app--embed .viewport__stage{height:auto;min-height:440px}.app--embed .panel-col{max-height:none;overflow:visible}.app--embed .share__stage{height:auto;min-height:480px}[data-density=compact] .panel{padding:16px}[data-density=compact] .step{gap:12px}[data-density=compact] .option{padding:10px 6px}