*{box-sizing:border-box}html,body,#app{color:#f4f1e8;background:#10141a;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input{font:inherit}#scene{width:100%;height:100%;display:block}.hud{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10141abd;border:1px solid #f4f1e829;border-radius:8px;width:min(360px,100vw - 36px);padding:14px;transition:transform .18s,opacity .18s;position:fixed;top:18px;left:18px;box-shadow:0 18px 60px #00000047}body.hud-collapsed .hud{opacity:0;pointer-events:none;transform:translate(calc(-100% - 28px))}.panel-collapse-toggle{z-index:45;color:#f4f1e8;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10141ac2;border:1px solid #f4f1e829;border-radius:8px;place-items:center;width:34px;height:54px;font-size:26px;line-height:1;transition:left .18s,right .18s,background .14s;display:grid;position:fixed;box-shadow:0 14px 44px #00000047}.panel-collapse-toggle:hover{background:#5bc0eb33}.panel-collapse-left{top:18px;left:min(388px,100vw - 52px)}body.hud-collapsed .panel-collapse-left{left:18px}.panel-collapse-right{top:18px;right:min(368px,100vw - 52px)}.panel-collapse-right.collapsed{right:18px}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:radial-gradient(circle at 35% 35%,#ffd166 0 18%,#0000 19%),conic-gradient(from .2turn,#e94f37,#5bc0eb,#9bc53d,#f0c808,#e94f37);border-radius:50%;flex:none;width:28px;height:28px;box-shadow:0 0 26px #e94f3773}h1{letter-spacing:0;margin:0;font-size:15px;line-height:1.2}p{color:#f4f1e8a8;margin:2px 0 0;font-size:12px}.metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;display:grid}.metrics div{background:#f4f1e812;border:1px solid #f4f1e81f;border-radius:6px;min-width:0;padding:9px 10px}.metrics span{font-size:20px;line-height:1;display:block}.metrics label{color:#f4f1e894;margin-top:5px;font-size:11px;display:block}.control-grid{gap:10px;display:grid}.control-grid label{color:#f4f1e8c7;grid-template-columns:78px 1fr;align-items:center;gap:10px;font-size:12px;display:grid}input[type=range]{accent-color:#5bc0eb;width:100%}.web-controls{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.web-controls label{color:#f4f1e8c2;white-space:nowrap;background:#f4f1e80f;border:1px solid #f4f1e81f;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:0;padding:7px 6px;font-size:11px;display:flex}.web-controls input{accent-color:#5bc0eb;width:13px;height:13px}.web-tuning{border-top:1px solid #f4f1e81a;margin-top:10px;padding-top:10px}.buttons{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.buttons button,.file-button{color:#f4f1e8;cursor:pointer;background:#f4f1e814;border:1px solid #f4f1e829;border-radius:6px;place-items:center;width:38px;height:34px;display:inline-grid}.buttons .text-action-button{grid-auto-columns:max-content;grid-auto-flow:column;gap:6px;width:auto;min-width:68px;padding:0 10px;font-size:12px}.buttons .text-action-button span{line-height:1}.buttons button:hover,.file-button:hover{background:#5bc0eb2e}.buttons svg,.file-button svg{width:17px;height:17px}.file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.asset-status{color:#f4f1e89e;overflow-wrap:anywhere;min-height:16px;margin-top:10px}.asset-status.error{color:#ff8a7a}.layout-optimization-panel{background:#5bc0eb14;border:1px solid #5bc0eb33;border-radius:6px;gap:8px;margin-top:12px;padding:10px;display:grid}.layout-optimization-panel[hidden]{display:none}.layout-optimization-progress{background:#f4f1e81f;border-radius:999px;height:5px;overflow:hidden}.layout-optimization-progress span{border-radius:inherit;background:#5bc0eb;width:0%;height:100%;transition:width .12s;display:block;box-shadow:0 0 16px #5bc0ebb3}.layout-optimization-panel p{color:#f4f1e8c2;margin:0;font-size:11px;line-height:1.35}.hint{z-index:15;color:#182027;background:#f4f1e8e6;border-radius:8px;max-width:min(460px,100vw - 36px);padding:10px 12px;font-size:13px;position:fixed;bottom:18px;right:18px;box-shadow:0 14px 45px #0000003d}.swarm-debug-panel{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f4f1e8;background:#10141ac2;border:1px solid #f4f1e829;border-radius:8px;width:min(340px,100vw - 36px);max-height:calc(100vh - 110px);padding:14px;transition:transform .18s,opacity .18s;position:fixed;top:18px;right:18px;overflow:auto;box-shadow:0 18px 60px #0000004d}.swarm-debug-panel[hidden]{display:none}.swarm-debug-panel h2,.swarm-debug-panel h3{letter-spacing:0;margin:0}.swarm-debug-panel h2{font-size:14px}.swarm-debug-panel h3{color:#f4f1e8c7;margin-top:14px;font-size:12px}.swarm-debug-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.swarm-debug-stats div,.swarm-debug-events p{background:#f4f1e80f;border:1px solid #f4f1e81f;border-radius:6px;margin:0}.swarm-debug-stats div{padding:8px 9px}.swarm-debug-stats span,.swarm-debug-events span{color:#f4f1e894;font-size:11px;display:block}.swarm-debug-stats strong{margin-top:3px;font-size:15px;font-weight:600;display:block}.swarm-debug-events{gap:8px;margin-top:8px;display:grid}.swarm-debug-events p{padding:8px 9px}.swarm-debug-events strong{color:#f4f1e8db;margin-bottom:4px;font-size:12px;display:block}@media (width<=640px){.hud{width:calc(100vw - 20px);padding:12px;top:10px;left:10px}.panel-collapse-left{top:10px;left:calc(100vw - 44px)}body.hud-collapsed .panel-collapse-left{left:10px}.hint{font-size:12px;bottom:10px;right:10px}.swarm-debug-panel{max-height:38vh;top:auto;bottom:58px;right:10px}.panel-collapse-right{top:auto;bottom:calc(68px + 38vh);right:10px}.panel-collapse-right.collapsed{right:10px}}