.igloo-panel{position:fixed;display:none;transform:translate(-50%,-50%);flex-direction:column;gap:.5em;padding:.8em;border-radius:.7em;background:#0c101a59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none;z-index:10}body.igloo .igloo-panel{display:flex}.ip-grid{display:grid;grid-template-columns:repeat(3,4.4em);gap:.75em}.ip-grid .ip-btn{aspect-ratio:1;padding:.3em}.ip-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em;padding:.6em .5em;font:inherit;color:#ffffffd9;background:#ffffff12;border:.09em solid rgba(255,255,255,.14);border-radius:.45em;cursor:pointer;transition:background .15s,border-color .15s}.ip-btn:hover{background:#ffffff24}.ip-btn.active{background:#6ea5ff47;border-color:#8cb9ffe6;color:#fff}.ip-glyph{font-size:1.7em;line-height:1}.ip-glyph:empty{display:none}.ip-label{font-size:.46em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.ip-row{display:flex;align-items:center;gap:.5em;padding:0 .2em}.ip-row .ip-label{width:8.5em;color:#ffffffbf}.ip-slider{position:relative;flex:1;min-width:0;height:1.3em;align-self:center;cursor:pointer;touch-action:none}.ip-track{position:absolute;left:0;right:0;top:50%;height:.18em;transform:translateY(-50%);border-radius:.09em;background:#ffffff40;pointer-events:none}.ip-thumb{position:absolute;top:50%;left:calc(.2em + var(--t, .5) * (100% - .4em));width:.4em;height:.4em;transform:translate(-50%,-50%);border-radius:50%;background:#8cb9ff;pointer-events:none}.ip-value{font-size:.5em;width:4.5em;text-align:right;font-variant-numeric:tabular-nums;color:#ffffffbf}:root{--hud-fg: rgba(255, 255, 255, .92);--hud-shadow: rgba(0, 0, 0, .45);color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--page-background, #05060a)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--page-background, #05060a)}button{cursor:pointer}button:focus-visible,[role=slider]:focus-visible{outline:2px solid #8cb9ff;outline-offset:3px}#scene{display:block;width:100vw;height:100vh;touch-action:none;cursor:crosshair}#hud{position:fixed;left:32px;bottom:28px;color:var(--hud-fg);text-shadow:0 1px 16px var(--hud-shadow);pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1.05}#hud-hint{font-size:11px;opacity:.45;line-height:1.7;letter-spacing:.3px}#stats{position:fixed;left:10px;top:8px;color:#b9d2ef;background:#0c101aa6;padding:6px 9px;font-size:10px;font-variant-numeric:tabular-nums;border-radius:3px;pointer-events:none}.lil-gui{--font-family: "Segoe UI", system-ui, -apple-system, sans-serif}.desktop-logo-status{font:11px/1.5 Segoe UI,system-ui,sans-serif;color:#a9bbd0;padding:5px 8px 8px;overflow-wrap:anywhere}.desktop-logo-status.error{color:#efb49d}.desktop-settings-help{padding:7px 8px;font-size:11px;line-height:1.5;color:#a9bbd0}.igloo-panel{width:16.3em;gap:.5em;padding:.8em;border-radius:.7em;background:#0c101a59;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#ffffffd9}body.transparent-output .igloo-panel{background:#0c101a;-webkit-backdrop-filter:none;backdrop-filter:none}.ip-heading{display:flex;align-items:center;justify-content:space-between;min-height:.8em}.ip-heading>span{font-size:.46em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.ip-close{display:grid;place-items:center;width:1.4em;height:1.4em;font:inherit;font-size:.7em;line-height:1;padding:0;border:0;border-radius:.4em;color:#ffffff73;background:transparent}.ip-close:hover{background:#ffffff1f;color:#fff}.ip-tabs{display:flex;gap:.5em}.ip-btn.ip-tab{flex:1;flex-direction:row;padding:.55em;font-size:.5em;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ip-sections{display:grid}.ip-section{grid-area:1 / 1;display:flex;flex-direction:column;gap:.5em;min-width:0}.ip-section.ip-hidden{visibility:hidden;pointer-events:none}.ip-glyph{color:#4bddc1;text-shadow:.19em 0 #366be6,-.19em 0 #20a4b4}[data-palette=ember] .ip-glyph{color:#ff9c32;text-shadow:.19em 0 #e83c23,-.19em 0 #a42d55}[data-palette=aurora] .ip-glyph{color:#df54a7;text-shadow:.19em 0 #6542d6,-.19em 0 #3babc5}.ip-grid{margin-bottom:.3em}.ip-row{display:grid;grid-template-columns:4.2em minmax(0,1fr) 2.25em;align-items:center;column-gap:.5em;height:var(--slider-row-height, 1.5em);flex:0 0 var(--slider-row-height, 1.5em)}.ip-row .ip-label,.ip-row .ip-value{width:auto}.ip-slider{width:100%;height:100%;align-self:stretch}.ip-track{top:var(--slider-track-top, 50%);height:var(--slider-track-height, 4px);transform:none;border-radius:99px}.ip-thumb{top:var(--slider-thumb-top, 50%);width:var(--slider-thumb-size, 8px);height:var(--slider-thumb-size, 8px);left:calc(var(--slider-thumb-size, 8px) / 2 + var(--t, .5) * (100% - var(--slider-thumb-size, 8px)))}.ip-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em}.ip-btn.ip-action{flex-direction:row;padding:.8em .5em;font-size:.5em;min-height:2.8em;font-weight:600}.ip-btn.ip-auto{margin-top:.2em}.ip-auto.active{background:#7fd6a038;border-color:#7fd6a0d9}.ip-btn:disabled{opacity:.4;cursor:default}.ip-status{font-size:.45em;letter-spacing:.12em;text-transform:uppercase;opacity:.65}.ip-status:before{content:"◉ ";color:#7fd6a0}.ip-copy{font-size:.55em;line-height:1.7;color:#ffffffb3}.ip-placement{margin-top:auto;opacity:.65}.logo-status{font-size:.5em;line-height:1.6;color:#b8cce6;overflow-wrap:anywhere}.logo-status.error{color:#efb49d}.ip-background-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5em}.ip-background-swatch{padding:.45em;font-size:.5em;gap:.4em}.ip-color-chip{display:block;width:1.5em;height:1.5em;border:1px solid #ffffff40;border-radius:.3em}.ip-color-row{display:flex;align-items:stretch;gap:.5em}.ip-color-row input{width:0;min-width:0;flex:1;padding:.55em;font:.65em ui-monospace,monospace;color:#e4efff;background:#ffffff0a;border:1px solid #ffffff30;border-radius:.4em}.ip-color-row input:focus-visible{outline:2px solid #8cb9ff;outline-offset:2px}.ip-color-row input[aria-invalid=true]{border-color:#efb49d}.ip-color-row .ip-action{min-width:5em}.background-error{color:#efb49d}.background-error:empty{display:none}.settings-url{width:100%;min-height:7em;padding:.7em;font:.5em/1.5 ui-monospace,monospace;color:#dceaff;background:#090e18;border:1px solid #ffffff30;border-radius:.4em;resize:vertical}.lil-gui .settings-url{width:calc(100% - 12px);margin:0 6px 6px;padding:7px;font-size:11px;min-height:80px}body.hide-panel .igloo-panel,body.hide-panel .lil-gui,body.hide-controls .igloo-panel,body.hide-controls .lil-gui,body.hide-controls #hud,body.hide-controls #stats{display:none}#info-dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(760px,calc(100vw - 48px));max-height:86dvh;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(170deg,#0c111bf5,#0a0e16f0);color:#ecf3ffeb;box-shadow:0 26px 70px #02040873;padding:0}#info-dialog::backdrop{background:#05070c94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#info-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.1)}#info-title{font-size:16px;font-weight:600;letter-spacing:.5px}#info-close{border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#f5f9ffeb;border-radius:8px;padding:7px 11px;font-size:12px;letter-spacing:.8px;text-transform:uppercase}#info-close:hover{background:#ffffff29}#info-body{padding:16px 18px 20px;font-size:13px;line-height:1.8}#info-body section+section{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}#info-body h3{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#d5e4fff2}#info-body ul{padding-left:20px}code,kbd{font:.95em ui-monospace,monospace;color:#b8d3f5}kbd{background:#ffffff0a;padding:1px 4px;border:1px solid #ffffff20;border-radius:3px}body.igloo{background:var(--page-background, black)}body.igloo #scene{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto}body.igloo #hud,body.igloo .lil-gui,body.igloo #stats{display:none}@media (max-width: 600px){.lil-gui.root{--width: min(245px, calc(100vw - 24px) );right:12px;max-height:calc(100dvh - 170px)}#hud{left:20px;bottom:20px}#hud-hint{max-width:320px;font-size:10px}}