:is(body:has(.metal-showcase) .outa-header,body:has(.metal-showcase) .outa-footer){display:none}:is(html:has(.metal-showcase),body:has(.metal-showcase)){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101211}.metal-showcase{--metal-ink:#efece3;--metal-muted:#a5a69e;height:100svh;min-height:700px;color:var(--metal-ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans), sans-serif;background:#101211;position:relative;overflow:hidden}.metal-showcase ::selection{color:#242923;background:#d5ff83}.metal-showcase button,.metal-showcase a{-webkit-tap-highlight-color:transparent}.metal-showcase button{color:inherit;font:inherit;cursor:pointer}.metal-showcase button:disabled{opacity:.45;cursor:default}.metal-showcase :focus-visible{outline-offset:6px;outline:2px solid #d5ff83}.metal-header{z-index:2;justify-content:space-between;align-items:center;padding:30px 40px;display:flex;position:relative}.metal-back{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.metal-back span{font-family:var(--font-pixel), monospace;font-size:27px;font-weight:600}.metal-project-name{color:var(--metal-muted);font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.metal-upload{background:0 0;border:0;align-items:center;gap:9px;padding:10px 0 10px 10px;display:flex;font-size:13px!important}.metal-upload:hover:not(:disabled),.metal-footer a:hover{color:#d5ff83}.metal-guide-link{color:var(--metal-ink);border:1px solid #45493e;border-radius:6px;align-items:center;gap:9px;padding:11px 14px;font-size:13px;text-decoration:none;display:flex}.metal-guide-link:hover{background:#23281f;border-color:#777e6c}.metal-stage{touch-action:none;cursor:grab;position:absolute;inset:90px 0 190px}.metal-stage:active{cursor:grabbing}.metal-stage canvas{width:100%;height:100%;display:block}.metal-stage:focus-visible{outline-offset:-12px}.metal-fallback{flex-direction:column;justify-content:center;align-items:center;gap:35px;display:flex;position:absolute;inset:0}.metal-fallback p{text-align:center;max-width:340px;color:var(--metal-muted);font-size:13px}.metal-fallback-card{width:min(90vw,650px);height:auto}.metal-stage[data-status=error] canvas{display:none}.metal-interaction-hint{color:var(--metal-muted);white-space:nowrap;pointer-events:none;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;bottom:182px;left:50%;transform:translate(-50%)}.metal-interaction-hint span span{margin:0 7px}.metal-bottom{justify-content:space-between;align-items:center;gap:30px;display:flex;position:absolute;bottom:65px;left:40px;right:40px}.metal-title h1{letter-spacing:-.035em;margin:0 0 8px;font-size:clamp(25px,2.7vw,38px);font-weight:500;line-height:1.2}.metal-title p{color:var(--metal-muted);margin:0;font-size:13px}.metal-finishes{align-items:center;gap:18px;display:flex}.metal-finishes button{text-transform:capitalize;color:var(--metal-muted);background:0 0;border:0;align-items:center;gap:7px;padding:9px 0;font-size:12px;display:flex}.metal-finishes button[aria-pressed=true]{color:var(--metal-ink)}.metal-swatch{border:1px solid #24292325;border-radius:50%;width:17px;height:17px;display:block}.metal-swatch-studio{background:#e3e2d9}.metal-swatch-warm{background:#d6b581}.metal-swatch-cool{background:#a1b5c6}.metal-finishes button[aria-pressed=true] .metal-swatch{outline-offset:3px;outline:1px solid #d5ff83}.metal-actions{gap:7px;display:flex}.metal-actions button{background:0 0;border:1px solid #41453d;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:42px;min-height:42px;padding:0 14px;font-size:12px;display:flex}.metal-actions button:hover:not(:disabled){background:#242a20}.metal-actions button[aria-pressed=true]{color:#182014;background:#d5ff83;border-color:#b9d88c}.metal-footer{color:var(--metal-muted);justify-content:space-between;gap:20px;font-size:11px;display:flex;position:absolute;bottom:22px;left:40px;right:40px}.metal-footer a{color:inherit;align-items:center;gap:5px;text-decoration:none;display:flex}.metal-footer-links{align-items:center;gap:24px;display:flex}.metal-footer .metal-upload{color:var(--metal-muted);padding:0;font-size:11px!important}.metal-notice{max-width:310px;color:var(--metal-muted);text-align:right;pointer-events:none;font-size:12px;position:absolute;top:80px;right:40px}.metal-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:900px){.metal-bottom{flex-wrap:wrap}.metal-title{width:100%}.metal-stage{bottom:250px}.metal-interaction-hint{bottom:238px}}@media (max-width:600px){.metal-showcase{min-height:680px}.metal-header{padding:20px}.metal-project-name{display:none}.metal-stage{top:85px;bottom:250px}.metal-bottom{gap:22px 10px;bottom:72px;left:22px;right:22px}.metal-title h1{font-size:30px}.metal-finishes{gap:10px}.metal-finishes button{flex-direction:column;gap:10px;min-width:44px;font-size:11px}.metal-actions{gap:5px}.metal-actions button{min-width:44px;min-height:44px;padding:0 10px}.metal-actions button:nth-child(2) span{display:none}.metal-actions button:nth-child(2){width:44px}.metal-actions button:first-child{gap:0;width:44px;padding:0;font-size:0}.metal-footer{align-items:end;font-size:10px;bottom:20px;left:22px;right:22px}.metal-footer>span{display:none}.metal-footer-links{justify-content:space-between;gap:14px;width:100%}.metal-footer .metal-upload{font-size:11px!important}.metal-guide-link,.metal-back,.metal-footer a,.metal-footer .metal-upload{min-height:44px}.metal-notice{max-width:260px;top:65px;right:22px}.metal-interaction-hint{font-size:11px;bottom:252px}}@media (max-width:340px){.metal-bottom{gap:12px}.metal-stage{bottom:305px}.metal-interaction-hint{bottom:307px}.metal-header{padding:18px 16px}.metal-guide-link{padding:10px;font-size:11px}}