*{box-sizing:border-box}body{margin:0;background:#0a101c;color:#dceaf2;font:13px system-ui,-apple-system,Arial,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer}header{height:63px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #2c4053;background:#0d1724}.back{font:11px ui-monospace,monospace;color:#8ecfbe}.logo{font-size:20px;font-weight:900;letter-spacing:-2px}.logo span{color:#9ce2bc}.logo em{font:10px ui-monospace,monospace;letter-spacing:.2em;color:#adced0;font-style:normal;margin-left:9px}.engine-badge{font:10px ui-monospace,monospace;letter-spacing:.08em;color:#91d7c6;display:flex;align-items:center;gap:8px}.engine-badge span{width:7px;height:7px;border-radius:50%;background:#9bd7ab}#app{display:grid;grid-template-columns:235px minmax(0,1fr) 250px;height:calc(100dvh - 63px)}.gallery,.controls{padding:24px 16px;background:#101a28;min-width:0;overflow:auto}.gallery{border-right:1px solid #27394b}.controls{border-left:1px solid #27394b}.eyebrow{font:10px ui-monospace,monospace;color:#7fd5c1;letter-spacing:.1em}.gallery h1,.controls h3{font-size:24px;letter-spacing:-.06em;line-height:1;margin:13px 0}.gallery h1 span,.controls h3 span{color:#7fd5c1}.gallery p{color:#8096a8;font-size:11px;line-height:1.6;margin-bottom:19px}.item{display:flex;gap:11px;align-items:center;text-align:left;width:100%;background:transparent;color:#cbdce6;border:1px solid transparent;border-radius:6px;padding:7px;margin:3px 0}.item:hover,.item.selected{background:#203444;border-color:#3a6464}.item img{width:53px;height:45px;object-fit:cover;border-radius:3px}.item b{font-size:10px;display:block}.item small{display:block;margin-top:5px;color:#84adac;font:8px ui-monospace,monospace}.scene-box{min-width:0;position:relative;background:radial-gradient(circle at center,#1f3c4d,#0b1522 75%)}#stage{width:100%;height:100%;display:block;touch-action:none}.scene-label{position:absolute;bottom:36px;left:35px;pointer-events:none;text-shadow:0 1px 12px #0b1429}.scene-label small{font:10px ui-monospace,monospace;color:#90e2cd}.scene-label h2{font-size:28px;letter-spacing:-.05em;margin:7px 0}.scene-label p{font-size:12px;color:#a5bdc9;line-height:1.5;max-width:430px}.floating{position:absolute;right:19px;top:19px;display:flex;gap:8px}.floating button{border:1px solid #4a6778;border-radius:4px;color:#bde2dc;background:#1b3246;padding:9px;font-size:16px}.load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b182be0;color:#9bdccb;font:12px ui-monospace,monospace;pointer-events:none}.load.hidden{display:none}.stats{border:1px solid #304658;display:grid;grid-template-columns:1fr 1fr;margin:21px 0 28px}.stats div{padding:13px 10px;border-right:1px solid #304658;border-bottom:1px solid #304658;color:#8098a7;font:9px ui-monospace,monospace}.stats div:nth-child(2n){border-right:0}.stats div:nth-child(n+3){border-bottom:0}.stats b{display:block;font-size:18px;color:#dcebea;margin-top:7px}.title{font:10px ui-monospace,monospace;color:#7fd5c1;margin-bottom:13px}#modes{display:flex;gap:4px;margin-bottom:30px}#modes button{flex:1;min-width:0;background:#1a2e3c;border:1px solid #334a5a;color:#9baeb9;padding:10px 4px;font:9px ui-monospace,monospace}#modes .active{background:#295751;border-color:#8bd3b9;color:#d6f9e9}.setting{display:flex;justify-content:space-between;align-items:center;font:10px ui-monospace,monospace;color:#b2c3cb;margin:20px 0;gap:12px}input{accent-color:#82d2bf}.setting input[type=range]{width:80px}.download{display:block;background:#a0dfbc;color:#0a211b;font:12px ui-monospace,monospace;font-weight:bold;padding:16px 9px;text-align:center;margin-top:30px;border-radius:4px}.note{font-size:10px;line-height:1.65;color:#829bad;margin-top:23px}.note a{text-decoration:underline;color:#acdcca}@media(max-width:900px){#app{grid-template-columns:180px 1fr}.controls{display:none}.gallery{padding:15px 8px}.scene-label{left:20px}.scene-label h2{font-size:20px}}@media(max-width:540px){body{overflow:auto}header{height:54px;padding:0 13px}.back{font-size:9px}.engine-badge{font-size:8px}.logo{font-size:16px}.logo em{font-size:8px}#app{display:flex;flex-direction:column;height:auto}.scene-box{height:65dvh;min-height:380px;order:0}.gallery{order:1}.gallery #items{display:grid;grid-template-columns:1fr 1fr}.scene-label p{font-size:10px}.scene-label{bottom:14px}}