@font-face{font-family:Artifact;src:url(../assets/major-mono.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}html{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#000;color:#f2f2f2}body{margin:0}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,#viewport:focus-visible{outline:2px solid #C0965A;outline-offset:4px}button{color:inherit}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid rgba(255,255,255,.1);gap:24px;background:#000}.brand{color:#f2f2f2;text-decoration:none;display:flex;flex-direction:column;gap:9px}.wordmark{font-family:Artifact,monospace;font-size:29px;letter-spacing:2px;line-height:1}.brand-sub{font-size:12px;letter-spacing:2.55px}.page-label{font-size:12px;letter-spacing:2px;color:#89939e}.site-link{font-size:14px;color:#89939e;text-underline-offset:5px}main{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:calc(100vh - 92px)}.viewer{position:relative;background:radial-gradient(ellipse at 48% 40%,#161616,#000 58%,#000);height:calc(100vh - 92px);min-height:680px;overflow:hidden}.viewer-heading{position:absolute;left:38px;top:30px;z-index:2;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:2.1px;color:#89939e}h1{font-size:24px;font-weight:400;letter-spacing:-.4px;margin:10px 0 8px}#configuration-line{font-size:14px;color:#89939e;margin:0}#viewport{width:100%;height:100%;position:relative;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}canvas{display:block;width:100%;height:100%}#poster{position:absolute;top:5%;right:0;bottom:9%;left:0;height:86%;width:100%;object-fit:contain;transition:opacity .35s;pointer-events:none}#loading{position:absolute;bottom:125px;left:50%;transform:translate(-50%);width:220px;text-align:center;font-size:13px;background:#000000d9;padding:14px;border-radius:4px}progress{display:block;width:100%;height:2px;margin-top:14px;accent-color:#C0965A}#error{position:absolute;inset:45% 10% auto;text-align:center;background:#0e0e0e;padding:22px;border:1px solid rgba(192,150,90,.32)}#error button{background:#c0965a;color:#0e0e0e;border:0;padding:10px 18px}#error[hidden],#loading[hidden]{display:none}.viewer-bottom{position:absolute;left:35px;right:35px;bottom:45px;display:flex;justify-content:space-between;gap:14px}.view-buttons,.zoom-buttons{display:flex;border:1px solid rgba(255,255,255,.14);background:#080808d9;border-radius:3px;padding:4px;gap:3px}.view-buttons button,.zoom-buttons button{background:none;border:0;font-size:14px;min-height:36px;padding:0 18px;color:#c8c8c8;border-radius:1px}.view-buttons button[aria-pressed=true]{background:#c0965a;color:#000}.zoom-buttons button{font-size:20px;width:38px;padding:0}.view-buttons button:hover,.zoom-buttons button:hover{background:#1a1a1a;color:#fff}.gesture-hint{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:#89939e;font-size:12px;pointer-events:none;margin:0}.configuration{background:#080808;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;height:calc(100vh - 92px);min-height:680px}.panel-heading{padding:28px 28px 20px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}h2{font-size:24px;line-height:1.2;font-weight:400;margin:10px 0 16px;letter-spacing:-.6px}.text-button{padding:0;background:none;border:0;font-size:13px;color:#c8c8c8;text-decoration:underline;text-underline-offset:4px}.options{overflow-y:auto;flex:1;padding:0 28px;scrollbar-width:thin;scrollbar-color:#2A2A2A #080808}.option-section{padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}.option-section:last-child{border-bottom:0}.option-heading{display:flex;align-items:center;gap:11px;margin-bottom:12px;font-size:15px}.step{font-size:12px;color:#89939e;font-variant-numeric:tabular-nums}select{border:1px solid rgba(255,255,255,.14);border-radius:2px;background:#0e0e0e;color:#f2f2f2;width:100%;min-height:43px;padding:8px 34px 8px 12px;font-size:15px}select:hover{border-color:#c8c8c847}.categories{display:flex;gap:5px;margin:15px 0 13px}.categories button{padding:6px 8px;font-size:12px;border:0;background:none;color:#89939e;border-bottom:1px solid transparent}.categories button[aria-pressed=true]{border-color:#c0965a;color:#f2f2f2}.swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.swatch{aspect-ratio:1;border:1px solid rgba(200,200,200,.28);position:relative;border-radius:50%;padding:0;background:var(--swatch);min-width:0;box-shadow:inset 0 0 0 2px #0002}.swatch:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid transparent;border-radius:inherit}.swatch[aria-pressed=true]:after{border-color:#c0965a}.swatch[aria-pressed=true]:before{content:"✓";display:grid;place-items:center;position:absolute;top:0;right:0;bottom:0;left:0;font-size:15px;color:#fff;text-shadow:0 1px 3px #000,0 0 3px #000}.swatch:hover:after{border-color:#c0965a80}.guard-swatches{margin-top:16px;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.guard-swatches .swatch{border-radius:3px;background-size:cover}.option-note{font-size:13px;color:#89939e;line-height:1.55;margin:10px 0 0}.build-summary{padding:18px 28px 16px;border-top:1px solid rgba(255,255,255,.1);background:#080808}.build-summary>p:first-child{margin:0 0 14px;color:#e0e0e0;font-size:13px;line-height:1.6}.summary-actions{display:flex;gap:9px;align-items:stretch}.primary,.secondary{font-size:14px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:2px;text-decoration:none;padding:10px 14px}.primary{border:1px solid #C0965A;color:#000;background:#c0965a;flex:1}.primary:hover{background:#d4aa6a}.secondary{border:1px solid rgba(200,200,200,.28);color:#f2f2f2;background:none}.secondary:hover{background:#1a1a1a}.fine-print{font-size:12px;color:#89939e;line-height:1.5;margin:12px 0 0}#status{font-size:12px;color:#c0965a;margin:8px 0 0;min-height:0}#status:empty{display:none}@media (min-width:1500px){main{grid-template-columns:minmax(0,1fr) 440px}.configuration .options,.panel-heading,.build-summary{padding-left:34px;padding-right:34px}.viewer-heading{left:50px;top:38px}h1{font-size:30px}}@media (max-width:1000px){header{padding:0 24px}.page-label{display:none}main{grid-template-columns:minmax(0,1fr) 340px}.panel-heading,.build-summary{padding-left:20px;padding-right:20px}.options{padding:0 20px}.viewer-heading{left:24px}.viewer-bottom{left:18px;right:18px}.view-buttons button{padding:0 11px}}@media (max-width:720px){header{height:78px;padding:0 20px}.wordmark{font-size:24px}.brand-sub{font-size:8px;letter-spacing:2px}.site-link{font-size:12px}main{display:block}.viewer{height:62svh;min-height:440px;max-height:700px}.viewer-heading{top:18px;left:20px}h1{font-size:19px;margin:7px 0}#configuration-line,.eyebrow{font-size:12px}.viewer-bottom{bottom:35px;left:16px;right:16px}.gesture-hint{bottom:12px;font-size:12px}.configuration{height:auto;min-height:0;border-left:0;border-top:1px solid rgba(255,255,255,.1)}.panel-heading{padding:25px 22px 18px}.options{overflow:visible;padding:0 22px}.option-section{padding:20px 0}.swatches{grid-template-columns:repeat(7,minmax(0,1fr))}.guard-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.build-summary{padding:22px}.zoom-buttons button{min-height:36px;width:34px}.view-buttons button{font-size:13px}select{font-size:16px}#poster{top:3%;right:0;bottom:10%;left:0;height:87%}#loading{bottom:95px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}