:root{--bg: #f5f7fb;--card: #fff;--ink: #111;--muted: #616874}*{box-sizing:border-box}body{margin:0;font-family:K2D,sans-serif;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;min-height:100vh}header{background:var(--card);padding:16px 24px;box-shadow:0 2px 12px #0000000f;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 16px 16px}header h1{margin:0;font-weight:700;font-size:22px}.stage{flex:1;margin:16px;border-radius:16px;overflow:hidden;background:var(--card);box-shadow:0 2px 12px #0000000f;position:relative}object{width:100%;height:100%;border:none;display:block}footer{text-align:center;padding:12px;color:var(--muted);font-size:14px}.controls{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px}.controls button{width:40px;height:40px;font-size:20px;border:none;border-radius:8px;background:var(--card);box-shadow:0 2px 6px #00000026;cursor:pointer;transition:background .2s}.controls button:hover{background:#eaeaea}.main-layout{display:flex;flex-wrap:wrap;gap:16px;margin:16px}.map-area{flex:1 1 60%;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;position:relative;aspect-ratio:1000 / 740;overflow:hidden;min-width:320px}.list-area{flex:1 1 35%;max-height:80vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:12px}.list-area ul{list-style:none;padding:0;margin:0}.list-area li{padding:8px 10px;border-radius:8px;margin-bottom:6px;cursor:pointer;font-family:K2D,sans-serif;transition:background .2s}.list-area li:hover{background:#f0f4fa}.list-area li.active{background:#e6f3ff;font-weight:600}.highlight{stroke:#e53935!important;stroke-width:4px!important;transition:all .3s ease-in-out}.dimmed{opacity:.25;transition:opacity .3s ease-in-out}