*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100vh;overflow:hidden;background:#0a1628;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.app-container{width:100%;height:100vh;position:relative}.canvas-container{width:100%;height:100%}.info-panel{position:absolute;top:16px;left:16px;background:#0a1628e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;color:#e0e8f0;max-width:300px;z-index:10}.info-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.info-header h1{font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:.02em;margin:0}.toggle-btn{background:none;border:none;color:#68a;font-size:.8rem;cursor:pointer;padding:4px 8px;line-height:1}.info-panel .subtitle{font-size:.7rem;color:#89a;text-transform:uppercase;letter-spacing:.1em;margin:4px 0 14px}.info-panel .specs{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:.8rem}.info-panel .spec-label{color:#68a;font-weight:500}.info-panel .spec-value{color:#c0d0e0}.info-panel .divider{height:1px;background:#ffffff14;margin:8px 0;grid-column:1 / -1}.controls-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#0a1628b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 16px;color:#68a;font-size:.7rem;text-align:center;z-index:10;pointer-events:none;white-space:nowrap}.controls-hint span{margin:0 10px}.view-controls{position:absolute;top:16px;right:16px;z-index:10;display:flex;gap:8px}.view-controls button{background:#0a1628e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 14px;color:#c0d0e0;font-size:.75rem;cursor:pointer;transition:all .2s;font-family:inherit}.view-controls button:hover{background:#142846e6;border-color:#fff3}.view-controls button.active{background:#1e3c64e6;border-color:#6496ff66;color:#fff}@media(max-width:600px){.info-panel{top:10px;left:10px;right:10px;max-width:none;padding:12px 16px}.info-panel.closed{right:auto;max-width:200px}.info-header h1{font-size:1rem}.info-panel .specs{font-size:.72rem;gap:4px 10px}.info-panel .subtitle{font-size:.6rem;margin:2px 0 10px}.view-controls{top:auto;bottom:50px;right:10px;flex-direction:column}.controls-hint{bottom:10px;padding:6px 12px;font-size:.6rem}.controls-hint span{margin:0 6px}}@media(max-width:380px){.info-panel .specs{font-size:.65rem;gap:3px 8px}.info-header h1{font-size:.9rem}}