:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f1e8;background:#111311;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}#viewer{touch-action:none;background:#151713;width:100vw;height:100vh;display:block}.hud{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#121411c7;border:1px solid #ffffff21;border-radius:8px;gap:10px;width:min(390px,100vw - 24px);padding:12px;display:grid;position:fixed;box-shadow:0 14px 42px #0000004d}.hud-top,.metrics,.button-row{align-items:center;gap:8px;display:flex}.hud-top{justify-content:space-between}.brand{letter-spacing:0;font-size:15px;font-weight:700}.status{color:#c9c5b3;text-overflow:ellipsis;white-space:nowrap;width:230px;font-size:12px;line-height:1.35;overflow:hidden}.metrics{color:#dde7ce;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:space-between;min-height:28px;padding:5px 8px;font-size:12px}.segmented{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}button,.file-button,select{color:#f3f1e8;cursor:pointer;background:#262a21;border:1px solid #ffffff24;border-radius:6px;min-height:34px}button,.file-button{padding:0 10px}button:hover,.file-button:hover,select:hover{background:#33382d}button:active,.file-button:active{transform:translateY(1px)}.primary-button{color:#f6ffe8;background:#2f5c38;border-color:#9bd67c8c;min-width:66px;font-weight:700}.segmented button{white-space:nowrap;padding:0 5px}.segmented button.active{background:#6d4723;border-color:#f1ba5db8}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.control-grid label{color:#c9c5b3;gap:5px;min-width:0;font-size:12px;display:grid}.control-grid span{display:block}input[type=range]{accent-color:#9bd67c;width:100%}select{width:100%;padding:0 8px}.button-row{justify-content:stretch}.button-row>*{flex:1 1 0}.file-button{justify-content:center;align-items:center;display:inline-flex}.file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drop-target{color:#fff7df;background:#141612b8;border:2px dashed #f1ba5dcc;border-radius:8px;place-items:center;font-size:22px;font-weight:700;display:none;position:fixed;inset:16px}.drop-target.visible{display:grid}@media (width<=540px){.hud{right:max(10px, env(safe-area-inset-right));left:max(10px, env(safe-area-inset-left));width:auto;padding:10px}.status{width:180px}.control-grid{grid-template-columns:1fr}}