:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;background:#05070c;color:#dfe6f2}.app{display:flex;flex-direction:column;height:100vh}.disclaimer{background:#3a2410;color:#ffd9b0;font-size:12.5px;line-height:1.5;padding:7px 14px;border-bottom:1px solid #6a4318}.disclaimer b{color:#ffb877}.hdr{display:flex;align-items:baseline;gap:14px;padding:10px 16px;border-bottom:1px solid #1a2030}.hdr h1{font-size:20px;margin:0;color:#7fd6ff;letter-spacing:.5px}.hdr .sub{font-size:13px;color:#9fb0c8}.hdr .sub b{color:#cfe4ff}.body{display:flex;flex:1;min-height:0}.panel{width:320px;flex-shrink:0;overflow-y:auto;padding:14px;background:#0a0e16;border-right:1px solid #1a2030}.grp-title{font-size:12px;color:#6f82a0;text-transform:uppercase;letter-spacing:1px;margin:14px 0 7px}.grp-title:first-child{margin-top:0}.presets{display:flex;flex-wrap:wrap;gap:6px}.presets button{flex:1 1 46%;padding:8px 6px;font-size:12px;cursor:pointer;background:#131a28;color:#cdd8ea;border:1px solid #263248;border-radius:6px}.presets button.on{background:#1d3350;border-color:#4a90c8;color:#cfe9ff}.presets button:hover{border-color:#4a90c8}.sl{display:block;font-size:12.5px;color:#aab8d0;margin:12px 0 4px}.sl b{float:right;color:#cfe4ff;font-weight:600}.sl input{width:100%;margin-top:6px;accent-color:#4a90c8}.seg{display:flex;gap:6px}.seg button{flex:1;padding:8px 6px;font-size:12px;cursor:pointer;background:#131a28;color:#cdd8ea;border:1px solid #263248;border-radius:6px}.seg button.on{background:#1d3350;border-color:#4a90c8;color:#cfe9ff}.pick{margin-top:12px;padding:8px 10px;font-size:12.5px;color:#cfe4ff;background:#12233a;border:1px solid #2f5478;border-radius:6px}.pick b{color:#9fe0ff}.regions{display:flex;flex-direction:column;gap:5px}.reg{display:flex;align-items:center;gap:8px;font-size:12px}.reg span{width:52px;color:#aab8d0;flex-shrink:0}.reg span.wide{width:78px}.reg .bar{flex:1;height:9px;background:#131a28;border-radius:4px;overflow:hidden}.reg .bar i{display:block;height:100%;border-radius:4px}.reg b{width:30px;text-align:right;color:#cfe4ff}.legend{height:14px;border-radius:3px;border:1px solid #263248}.legend-lab{display:flex;justify-content:space-between;font-size:11px;color:#6f82a0;margin-top:2px}.metrics{margin-top:14px;border-top:1px solid #1a2030;padding-top:10px}.metrics div{display:flex;justify-content:space-between;font-size:12.5px;padding:3px 0}.metrics span{color:#8fa0bc}.metrics b{color:#cfe4ff}.hint{font-size:11px;color:#7a8aa4;margin-top:5px}.staff-lab{font-size:10.5px;color:#cfe4ff;background:#0a0e16cc;border:1px solid #2a3550;border-radius:4px;padding:1px 5px;white-space:nowrap;transform:translateY(-4px)}.staff-lab b{margin-left:5px}.note{margin-top:14px;font-size:12px;line-height:1.6;color:#9aabc4}.note b{color:#cfe4ff}.stage{position:relative;flex:1;min-width:0}.busy{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:5;background:#131a28cc;color:#cfe4ff;font-size:12px;padding:4px 12px;border-radius:12px;border:1px solid #263248}.ftr{font-size:11px;color:#7386a0;padding:7px 14px;border-top:1px solid #1a2030;line-height:1.5}.ftr b{color:#9fb4d0}