@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500&display=swap";:root{--bg-primary:#080808;--bg-secondary:#111;--bg-panel:#0e0e0e;--border:#ffffff14;--text-primary:#f0ede8;--text-secondary:#f0ede880;--accent:#e8622a;--accent-blue:#0d4f8b}*{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);margin:0;font-family:DM Sans,sans-serif}#root{min-height:100vh}.app-shell{opacity:0;grid-template-columns:65% 35%;min-height:100vh;transition:opacity .6s;display:grid}.app-shell.is-ready{opacity:1}.viewer-pane{background:radial-gradient(circle at 30% 20%,#171717 0%,#090909 65%);position:relative}.panel-pane{border-left:1px solid var(--border);background:var(--bg-panel)}.canvas-root{width:100%;height:100vh}.config-panel{grid-template-rows:auto auto 1fr auto;gap:1.5rem;height:100vh;padding:2rem;display:grid}.brand h1{letter-spacing:.1em;margin:0;font-family:Bebas Neue,sans-serif;font-size:2.2rem}.brand p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.92rem}.step-nav{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.step-dot{appearance:none;border:1px solid var(--border);text-align:center;color:#f0ede8b8;cursor:pointer;background:#141414;border-radius:99px;padding:.5rem .2rem;font-size:.75rem}.step-dot.active{color:var(--text-primary);border-color:#f0ede880}.step-content{padding-bottom:.75rem;padding-right:.3rem;overflow:auto}.section-title{letter-spacing:.08em;margin:0 0 1rem;font-family:Bebas Neue,sans-serif;font-size:1.8rem}.swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.swatch{cursor:pointer;border:2px solid #0000;border-radius:999px;width:40px;height:40px;margin-bottom:.45rem;transition:transform .2s,border-color .2s,box-shadow .2s}.swatch:hover{border-color:#ffffff4d;transform:scale(1.05)}.swatch.selected{border-color:#ffffffd9;box-shadow:inset 0 0 0 1px #00000059}.swatch-item{color:var(--text-primary);flex-direction:column;align-items:center;font-size:.75rem;display:flex}.card-list{gap:.9rem;display:grid}.pick-card{text-align:left;border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);cursor:pointer;border-radius:.75rem;padding:.9rem}.pick-card.selected{border-color:#e8622aa6}.pick-card small{color:#f0ede8bd;margin-top:.3rem;display:block}.step-footer{border-top:1px solid #ffffff0f;gap:.8rem;padding-top:.5rem;display:flex}.btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:.6rem;padding:.75rem 1rem}.btn.primary{background:var(--accent);border-color:var(--accent);color:#120d09;font-weight:600}.summary-list p{color:var(--text-secondary);margin:.35rem 0}.summary-list span{color:var(--text-primary)}.input,.textarea{border:1px solid var(--border);width:100%;color:var(--text-primary);background:#151515;border-radius:.5rem;margin-top:.35rem;padding:.7rem .8rem}.textarea{resize:vertical;min-height:100px}.loading-screen{z-index:30;background:#000;place-items:center;display:grid;position:fixed;inset:0}.loading-inner{width:min(460px,80vw)}.loading-title{letter-spacing:.14em;margin-bottom:1rem;font-family:Bebas Neue,sans-serif}.progress-track{background:#fff3;height:1px}.progress-fill{background:var(--accent);height:100%}.alignment-tuner{border:1px solid var(--border);z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f0f0feb;border-radius:.75rem;width:320px;padding:.8rem;position:absolute;top:1rem;left:1rem}.tuner-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.tuner-row{color:var(--text-primary);gap:.3rem;margin-bottom:.4rem;font-size:.78rem;display:grid}.tuner-row input[type=range]{width:100%}.tuner-toggle{z-index:20;border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#0f0f0feb;border-radius:.6rem;padding:.45rem .7rem;position:absolute;top:1rem;left:1rem}@media (width<=700px){.app-shell{grid-template-rows:50vh 50vh;grid-template-columns:1fr}.viewer-pane{min-height:50vh}.panel-pane,.config-panel{height:50vh;min-height:50vh}.config-panel{gap:.8rem;padding:1rem}.step-nav{grid-template-columns:repeat(5,minmax(92px,1fr));padding-bottom:.3rem;overflow-x:auto}.swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.alignment-tuner{width:calc(100% - 2rem);max-height:42vh;overflow:auto}}