.pg-app{position:fixed;inset:0;background:#0e1210;color:#fff;font-family:var(--sans);overflow:hidden}.pg-canvas{position:absolute;inset:0}.pg-canvas canvas{display:block;touch-action:none}.pg-loader{position:absolute;inset:0;z-index:10;background:#0e1210;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.pg-loader .ring{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.1);border-top:1.5px solid var(--tangerine);animation:pg-spin 1s linear infinite}.pg-loader .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.35)}@keyframes pg-spin{to{transform:rotate(1turn)}}.pg-info{position:absolute;top:calc(var(--nav-h) + 24px);left:max(20px,5vw);z-index:4;pointer-events:none}.pg-info h1{font-size:clamp(22px,2.8vw,32px);font-weight:500;letter-spacing:-.006em;line-height:1.1}.pg-ref{margin-top:8px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:rgba(255,255,255,.4)}.pg-hint{bottom:160px;left:50%;transform:translateX(-50%);z-index:4;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:rgba(255,255,255,.25);text-transform:uppercase;text-align:center;white-space:nowrap}.pg-controls,.pg-hint{position:absolute;pointer-events:none}.pg-controls{left:0;right:0;bottom:96px;padding:0 max(20px,5vw);z-index:5}.pg-controls-row{display:flex;align-items:center;gap:16px;pointer-events:auto}.strap-row{display:flex;gap:14px}.swatch{width:42px;height:42px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12);cursor:pointer;position:relative;padding:0;transition:border-color .2s ease,transform .2s ease;background-size:cover;background-position:50%}.swatch:hover{transform:translateY(-2px)}.swatch.active{border-color:var(--tangerine);box-shadow:0 0 0 1px var(--tangerine)}.swatch .name{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:9px;letter-spacing:.04em;color:rgba(255,255,255,.4);white-space:nowrap;opacity:0;transition:opacity .2s ease}.swatch.active .name,.swatch:hover .name{opacity:1}.sw-milanese{background:linear-gradient(135deg,#c7c9cc,#8d9094 45%,#6c6e72)}.sw-nato{background:linear-gradient(135deg,#6b6a4d,#565640 55%,#3e3e2e)}.sw-leather{background:linear-gradient(135deg,#3a2620,#22140f 55%,#160c08)}.spin-toggle{display:flex;align-items:center;gap:8px;position:relative;font-family:var(--sans);font-size:13px;letter-spacing:-.01em;padding:8px 16px;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-pill);background:rgba(255,255,255,.06);color:rgba(255,255,255,.85);cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;overflow:hidden}.spin-toggle svg{flex-shrink:0;position:relative;z-index:1}.spin-toggle:after{content:"";position:absolute;top:-1px;bottom:-1px;width:60%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 30%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 70%,transparent);animation:pill-sweep 3s ease-in-out infinite;pointer-events:none}.spin-toggle:hover{color:var(--tangerine);border-color:var(--tangerine);background:rgba(242,138,56,.08)}.spin-toggle:hover:after{background:linear-gradient(90deg,transparent,rgba(242,138,56,.15) 30%,rgba(242,138,56,.3) 50%,rgba(242,138,56,.15) 70%,transparent)}.spin-toggle.active{color:var(--tangerine);border-color:var(--tangerine);background:rgba(242,138,56,.12)}.spin-toggle.active:after{background:linear-gradient(90deg,transparent,rgba(242,138,56,.15) 30%,rgba(242,138,56,.3) 50%,rgba(242,138,56,.15) 70%,transparent)}.spin-toggle.active svg{animation:pg-spin 2s linear infinite}.pg-specs{position:absolute;left:0;right:0;bottom:0;padding:0 calc(max(20px, 5vw) - 16px);z-index:6;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.22);background:rgba(8,9,10,.84);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--sans)}.pg-specs div{padding:14px 16px;border-left:1px solid rgba(255,255,255,.14);font-size:11px;letter-spacing:.01em;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-specs div:first-child{border-left:0}.pg-specs span{display:block;margin-top:3px;font-size:13px;font-weight:500;letter-spacing:-.01em;color:#fff}@media (max-width:640px){.pg-info{top:calc(var(--nav-h) + 14px);left:16px}.pg-info h1{font-size:20px}.pg-hint{display:none}.pg-controls{bottom:48px;padding:0 12px}.pg-controls-row{gap:10px}.swatch{width:36px;height:36px}.spin-toggle{font-size:12px;padding:7px 12px}.pg-specs{padding:0;grid-template-columns:repeat(2,1fr)}.pg-specs div:nth-child(3){border-left:0}.pg-specs div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14)}}