.cfg{background:var(--deep-navy);height:100%;color:var(--cool-mist);display:grid;position:relative;overflow:hidden}.cfg--build{height:calc(100svh - var(--header-h));min-height:520px}.cfg-stage{grid-area:1/1;min-height:0;position:relative}.cfg-canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}.cfg-canvas:active{cursor:grabbing}.cfg-canvas:focus-visible{outline:3px solid var(--electric-cyan);outline-offset:-3px}.cfg-badge{top:var(--space-3);white-space:nowrap;font:600 var(--fs-eyebrow) / 1.3 var(--font-text);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--footer-text-2);margin:0;position:absolute;left:50%;translate:-50%}.cfg-panel{z-index:2;align-self:end;gap:var(--space-1);max-height:48%;padding:0 var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--ink-navy);border-radius:var(--radius-panel) var(--radius-panel) 0 0;border-top:var(--border-dark);box-shadow:var(--shadow-lg);color:var(--cool-mist);transition:translate var(--dur-image) var(--ease), opacity var(--dur-card) ease;flex-direction:column;grid-area:1/1;display:flex}.cfg.is-driven .cfg-panel{opacity:0;translate:0 110%}.cfg-tabs{margin:0 calc(var(--space-4) * -1);padding:var(--space-2) var(--space-3) var(--space-1);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.cfg-tabs button{min-height:var(--touch);padding:0 var(--space-3);border-radius:var(--radius-button);color:var(--footer-text-2);font:600 var(--fs-small) / 1 var(--font-text);cursor:pointer;background:0 0;border:0;flex:1 0 auto}.cfg-tabs button[aria-selected=true]{color:var(--paper-white);box-shadow:inset 0 -2px 0 var(--electric-cyan);background:#ffffff14}.cfg-panel section{padding:var(--space-1) 0 var(--space-2);display:none;overflow-y:auto}.cfg-panel section.is-active{display:block}.cfg-panel h3{margin:0 0 var(--space-3);font:600 var(--fs-eyebrow) / 1.3 var(--font-text);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--electric-cyan);display:none}.cfg-value{margin-left:var(--space-2);font:500 var(--fs-small) var(--font-text);letter-spacing:0;text-transform:none;color:var(--cool-mist)}.cfg-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.cfg-chips--sub{margin-top:var(--space-3)}.cfg-chips button{min-height:var(--touch);padding:0 var(--space-4);border:var(--border-dark);border-radius:var(--radius-button);color:inherit;font:500 var(--fs-small) / 1 var(--font-text);cursor:pointer;transition:border-color var(--dur-button) ease, background var(--dur-button) ease;background:0 0}.cfg-chips button:hover{border-color:var(--electric-cyan)}.cfg-chips button[aria-pressed=true]{background:var(--electric-cyan);border-color:var(--electric-cyan);color:var(--deep-navy);font-weight:600}.cfg-swatches{grid-template-columns:repeat(auto-fill, var(--touch));gap:var(--space-3);display:grid}.cfg-swatches button{width:var(--touch);height:var(--touch);cursor:pointer;border:1px solid #ffffff40;border-radius:50%}.cfg-swatches button[aria-pressed=true]{outline:2px solid var(--electric-cyan);outline-offset:3px}.cfg-hint{margin:var(--space-3) 0 0;font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--footer-text-2)}.cfg-upload{min-height:var(--touch);position:relative}.cfg-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.cfg-upload:focus-within{outline:3px solid var(--electric-cyan);outline-offset:3px}.cfg-range{align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--fs-small);display:flex}.cfg-range input{accent-color:var(--electric-cyan);flex:1}.cfg-link{min-height:var(--touch);margin-top:var(--space-1);color:var(--electric-cyan);font:600 var(--fs-small) var(--font-text);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.cfg-actions{gap:var(--space-2);padding-top:var(--space-2);border-top:var(--border-dark);display:flex}.cfg-actions .btn{min-height:48px}.cfg-actions .btn-primary{flex:1}.cfg-toast{z-index:5;left:50%;top:var(--space-8);max-width:calc(100% - var(--space-6));padding:var(--space-3) var(--space-4);border-radius:var(--radius-button);background:var(--paper-white);color:var(--ink-navy);font:600 var(--fs-small) var(--font-text);box-shadow:var(--shadow-md);overflow-wrap:anywhere;position:absolute;translate:-50%}@media (width>=1024px){.cfg{grid-template-columns:1fr 380px}.cfg-stage{grid-area:1/1}.cfg-panel{max-height:none;padding:var(--space-5);align-self:stretch;gap:var(--space-5);border-top:0;border-left:var(--border-dark);box-shadow:none;border-radius:0;grid-area:1/2;overflow-y:auto}.cfg.is-driven .cfg-panel{translate:110%}.cfg.is-driven{grid-template-columns:1fr 0}.cfg-tabs{display:none}.cfg-panel section{padding:0;display:block;overflow:visible}.cfg-panel h3{display:block}.cfg-actions{padding-top:var(--space-4);flex-direction:column;margin-top:auto}}@media (prefers-reduced-motion:reduce){.cfg-panel{transition:opacity .2s}}.cfg-ring{width:14px;height:14px;margin-left:var(--space-2);vertical-align:-2px;background:conic-gradient(var(--electric-cyan) var(--p,0%), #ffffff26 0);border-radius:50%;display:inline-block}.cfg-panel.is-journey{z-index:3;transition:translate var(--dur-image) var(--ease), opacity var(--dur-card) ease;position:fixed;bottom:0;left:0;right:0}.cfg-panel.is-journey.is-down{opacity:0;pointer-events:none;translate:0 110%}@media (width>=1024px){.cfg-panel.is-journey{left:auto;top:var(--header-h);width:380px}.cfg-panel.is-journey.is-down{translate:110%}}