.cfg{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--bg);box-shadow:var(--shadow-lg);overflow:hidden}.cfg__top{border-bottom:1px solid var(--border);background:var(--bg-deep);justify-content:space-between;align-items:center;height:48px;padding:0 18px;display:flex}.cfg__title{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:12px}.cfg__main{grid-template-columns:1fr 400px;min-height:480px;display:grid}.cfg__preview{background-color:var(--bg-deepest);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:var(--raster-cell) var(--raster-cell);justify-content:center;align-items:center;padding:36px;display:flex;position:relative;overflow:hidden}.cfg-preview__tag{font-family:var(--font-mono);letter-spacing:.3em;color:var(--text-faint);writing-mode:vertical-rl;font-size:10px;position:absolute;top:18px;right:20px}.cfg-preview__meta{font-family:var(--font-mono);color:var(--text-faint);flex-wrap:wrap;gap:16px;font-size:11px;display:flex;position:absolute;bottom:18px;left:20px}.cfg-preview__meta b{color:var(--text-muted);font-weight:400}.cfg-preview__corner{width:14px;height:14px;position:absolute}.cfg-preview__corner:before{content:"";background:var(--accent);width:14px;height:1px;position:absolute;top:6px;left:0}.cfg-preview__corner:after{content:"";background:var(--accent);width:1px;height:14px;position:absolute;top:0;left:6px}.cfg-c-tl{top:18px;left:18px}.cfg-c-br{bottom:18px;right:18px}.cfg__panel{border-left:1px solid var(--border);grid-template-rows:auto 1fr auto;min-height:0;display:grid}.cfg__steps{border-bottom:1px solid var(--border);padding:16px 22px;overflow-x:auto}.cfg__body{padding:22px;overflow-y:auto}.cfg__foot{border-top:1px solid var(--border);background:var(--bg-deep);padding:16px 22px}.cfg-step-h{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--text);margin:0 0 4px;font-size:20px;font-weight:700}.cfg-step-sub{color:color-mix(in oklab, var(--text) 80%, var(--text-muted));margin:0 0 20px;font-size:13px;line-height:1.5}.cfg-grp{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:20px 0 10px;font-size:11px;font-weight:700}.cfg-grp:first-child{margin-top:0}.cfg-opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cfg-opts--3{grid-template-columns:repeat(3,minmax(0,1fr))}.cfg-opts--4{grid-template-columns:repeat(4,minmax(0,1fr))}.cfg-opts .pq-opt__name{white-space:normal}.cfg-gloss-sweep{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cfg-gloss-sweep:before{content:"";background:linear-gradient(115deg,#fff0 0%,#ffffffb3 50%,#fff0 100%);width:45%;animation:4s ease-in-out infinite cfgGlossSweep;position:absolute;top:-25%;bottom:-25%;left:0;transform:translate(-200%)skew(-12deg)}@keyframes cfgGlossSweep{0%{transform:translate(-200%)skew(-12deg)}55%{transform:translate(340%)skew(-12deg)}to{transform:translate(340%)skew(-12deg)}}@media (prefers-reduced-motion:reduce){.cfg-gloss-sweep:before{animation:none}}.cfg-foot-price{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.cfg-foot-price__k{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.cfg-foot-price__v{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--text);font-size:28px;font-weight:700}.cfg-foot-price__v small{color:var(--text-muted);font-size:12px;font-weight:400}.cfg-foot-nav{gap:10px;display:flex}@media (max-width:760px){.cfg__main{grid-template-columns:1fr}.cfg__preview{min-height:280px}.cfg__panel{border-left:none;border-top:1px solid var(--border)}}