:root{color:#f6eddc;background:#0b1320;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}main,canvas{width:100vw;height:100vh;display:block}canvas{touch-action:none}.panel{position:fixed;top:28px;left:28px;width:min(460px,calc(100vw - 56px));padding:22px 24px;background:color-mix(in srgb,#101e31 86%,transparent);border:1px solid #55708b;border-radius:12px;box-shadow:0 16px 55px #0009;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eyebrow{margin:0 0 9px;color:#f2bb65;font-size:11px;font-weight:750;letter-spacing:.14em}h1{margin:0;font-family:Georgia,serif;font-size:34px;line-height:.98;font-weight:700}.inspector-details{margin-top:14px}.inspector-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;color:#f8c46e;font-size:13px;font-weight:750;list-style:none;-webkit-user-select:none;user-select:none}.inspector-details summary::-webkit-details-marker{display:none}.inspector-details summary:before{content:"›";display:inline-block;margin-right:7px;font-size:20px;line-height:12px;transition:transform .16s ease-out}.inspector-details[open] summary:before{transform:rotate(90deg)}.inspector-details summary span{margin-right:auto}.inspector-details summary small{color:#aebccc;font-size:10px;font-weight:650;letter-spacing:.03em}.texture-explanation{margin-top:14px}.texture-copy{color:#cdd8e3;font-size:13px;line-height:1.45}.texture-copy p{margin:0 0 9px}.texture-copy p:last-child{margin-bottom:0}.layer-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:16px}.icon-layer-card{min-width:0;margin:0;padding:4px;border:2px solid transparent;border-radius:7px;transition:border-color .18s ease-out,box-shadow .18s ease-out,background .18s ease-out}.icon-layer-card img{display:block;width:100%;aspect-ratio:1;border-radius:3px;background:#06101c;image-rendering:auto}.icon-layer-card figcaption{overflow:hidden;margin-top:5px;color:#b9c6d4;font-size:10px;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.icon-layer-card figcaption span{color:#f2bb65;font-variant-numeric:tabular-nums}.icon-layer-card.is-active{border-color:#f8c46e;background:#3b3a2d88;box-shadow:0 0 0 1px #0b1726,0 0 14px #f8c46e88}.icon-layer-card.is-active figcaption{color:#fff0c8}.repository-link{display:inline-flex;gap:6px;margin-top:14px;color:#f8c46e;font-size:12px;font-weight:700;text-decoration:none}.repository-link:hover{color:#fff0c8;text-decoration:underline}.unsupported{position:fixed;inset:auto 28px 28px;margin:0;padding:15px 18px;background:#6f1d2a;border-radius:10px}@media(max-width:650px){.panel{top:16px;left:16px;width:calc(100vw - 32px)}h1{font-size:28px}.layer-gallery{gap:4px}.icon-layer-card{padding:2px}.icon-layer-card figcaption{font-size:9px}}