*{box-sizing:border-box;margin:0}:root{--ink:#1c2740;--ink-dim:#6b7893;--line:#1c27401a;--nav-h:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{height:100%;overflow:hidden}body{color:var(--ink);background:linear-gradient(#fdfcfa 0%,#f4f6fb 45%,#e9f0fa 100%);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif}#chrome{height:var(--nav-h);z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fdfcfaeb;align-items:center;gap:1rem;padding:0 1.25rem;display:flex;position:fixed;top:0;left:0;right:0}#chrome h1{letter-spacing:.02em;font-size:1rem;font-weight:600}#tagline{color:var(--ink-dim);font-size:.8rem}#toggle{border:1px solid var(--ink-dim);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-left:auto;padding:.4rem .9rem;font-size:.8rem}#toggle:hover{border-color:var(--ink)}#field,#blues,#box{top:var(--nav-h);touch-action:none;position:fixed;bottom:0;left:0;right:0}#field,#box{cursor:grab}#field.dragging,#box.dragging{cursor:grabbing}#overlay{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafbfde0;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}#overlay[hidden]{display:none}.tile{border-radius:2px;position:absolute;overflow:hidden}.tile canvas,.tile img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile img{opacity:0;transition:opacity .4s}.tile img.loaded{opacity:1}.detail{max-width:min(560px,92vw)}.detail img{object-fit:contain;background:#1c27400f;border-radius:4px;width:100%;max-height:62vh}.swatches{gap:6px;margin:.9rem 0 .4rem;display:flex}.swatch{cursor:pointer;color:#ffffffe6;text-shadow:0 1px 2px #00000073;border:none;border-radius:3px;flex:1;place-items:end center;height:52px;padding-bottom:5px;font:600 .65rem/1 ui-monospace,monospace;display:grid}.meta{color:var(--ink-dim);font-size:.8rem}.meta a{color:var(--ink)}.locate{border:1px solid var(--ink-dim);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-top:.7rem;padding:.4rem .9rem;font-size:.8rem}#blues-tip{background:var(--ink);color:#fdfcfa;pointer-events:none;white-space:nowrap;border-radius:4px;padding:.3rem .5rem;font:600 .7rem/1 ui-monospace,monospace;position:absolute;top:0;left:0;translate:-50% -100%}#blues-tip[hidden]{display:none}.box-label{color:var(--ink-dim);letter-spacing:.04em;pointer-events:none;white-space:nowrap;font-size:.72rem;position:absolute;top:0;left:0;translate:-50% -50%}.box-label[hidden]{display:none}#box-marker{border:1.5px solid var(--ink);pointer-events:none;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;top:0;left:0}#box-marker:after{content:"";border:1px dashed #1c274066;border-radius:50%;position:absolute;inset:-7px}#box-marker[hidden]{display:none}.ring3d{border:1.5px solid var(--ink);pointer-events:none;border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}.pb-hero{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);cursor:pointer;background:#fdfcfad9;border-radius:6px;align-items:center;gap:.8rem;padding:.8rem 1rem;transition:opacity .25s;display:flex;position:absolute;bottom:1.25rem;left:1.25rem}.pb-hero:hover{opacity:.15}.pb-hero.collapsed{padding:.45rem}.pb-hero.collapsed p{display:none}.pb-hero.collapsed .chip{width:30px;height:30px}.pb-hero .chip{border-radius:4px;width:56px;height:56px;transition:width .2s,height .2s}.pb-hero p{color:var(--ink-dim);font-size:.78rem}.pb-hero strong{color:var(--ink);font-family:ui-monospace,monospace}