*{box-sizing:border-box;margin:0;padding:0}html,body{color:#1a1a1a;background:#f4f1ea;width:100%;min-height:100%;font-family:DM Sans,Suisse Intl,system-ui,sans-serif}body{overflow:auto}.navbar{z-index:10;width:100%;padding:max(1.25rem, env(safe-area-inset-top)) 1.5rem 1rem;background:linear-gradient(#f4f1ea,#f4f1eadb);justify-content:center;align-items:center;display:flex;position:sticky;top:0;left:0}.navbar__logo{line-height:0;transition:opacity .25s;display:block}.navbar__logo:hover{opacity:.7}.navbar__logo img{width:auto;height:clamp(40px,6vw,64px);display:block}.mosaic-page{max-width:1080px;margin:0 auto;padding:0 1.5rem 4rem}.mosaic-intro{text-align:center;margin-bottom:1.5rem}.mosaic-kicker{letter-spacing:.18em;text-transform:uppercase;color:#7a7468;margin-bottom:.45rem;font-size:.72rem}.mosaic-intro h1{letter-spacing:-.03em;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600}.mosaic-lead{color:#4a463e;max-width:42rem;margin:.7rem auto 0;font-size:.95rem;line-height:1.5}.mosaic-lead a{color:inherit}.mosaic-stage{background:#1a1a1a;border-radius:12px;justify-content:center;align-items:center;min-height:48vh;display:flex;position:relative;overflow:hidden}#mosaic-canvas{image-rendering:auto;width:100%;height:auto;max-height:78vh;display:block}.mosaic-status{color:#ffffffb8;pointer-events:none;text-shadow:0 1px 8px #000;font-size:.78rem;position:absolute;bottom:1rem;left:1rem}.lil-gui.root{z-index:20;--background-color:#111;--widget-color:#2a2a2a;--focus-color:#ffd600;--number-color:#ffd600;--string-color:#fff;--font-family:"DM Sans", system-ui, sans-serif;max-height:min(70vh,560px);overflow:auto}@media (max-width:768px){.navbar{padding:max(1rem, env(safe-area-inset-top)) 1rem .85rem}.mosaic-page{padding:0 .85rem 3rem}.lil-gui.root{max-height:42vh;font-size:11px;top:auto!important;right:8px!important;bottom:max(8px, env(safe-area-inset-bottom))!important;width:min(260px,100vw - 16px)!important}}