:root{--bg-0: #0f1620;--bg-1: #151d29;--bg-2: #1b2532;--bg-3: #22303f;--border: #2a3947;--text-0: #eef3f7;--text-1: #b7c4d1;--text-2: #7c8b9a;--mint: #7fc9a8;--mint-strong: #56b18c;--peach: #f3c79c;--peach-strong: #e8a668;--teal: #6fa9c0;--navy: #2c3e50;--ok: #62c98a;--warn: #e8b155;--danger: #e2685f;--radius: 10px;--shadow: 0 4px 16px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg-0);color:var(--text-0);font-family:Pretendard,Inter,-apple-system,Segoe UI,Noto Sans KR,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}.app-shell{height:100vh;display:flex;flex-direction:column}.body-row{flex:1;min-height:0;display:flex}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:6px}.topbar{display:flex;align-items:center;gap:16px;padding:10px 18px;background:linear-gradient(180deg,var(--bg-1),var(--bg-0));border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;margin-right:8px}.brand img{width:34px;height:34px;border-radius:8px;background:var(--bg-2);object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text .name{font-weight:700;font-size:15px;letter-spacing:.2px}.brand-text .sub{font-size:11px;color:var(--text-2)}.status-badges{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:600;background:var(--bg-2);color:var(--text-2);border:1px solid var(--border);white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:var(--text-2)}.badge.on{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--border));background:color-mix(in srgb,var(--ok) 12%,var(--bg-2))}.badge.on .dot{background:var(--ok);box-shadow:0 0 6px var(--ok)}.badge.danger{color:var(--danger)}.spacer{flex:1}.conn-controls{display:flex;align-items:center;gap:8px}.conn-pill{font-size:12px;color:var(--text-2);padding:4px 10px}.conn-pill.live{color:var(--mint)}.btn{border:1px solid var(--border);background:var(--bg-2);color:var(--text-0);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;transition:filter .12s ease,transform .05s ease}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn.primary{background:linear-gradient(180deg,var(--mint),var(--mint-strong));border-color:var(--mint-strong);color:#0c1a14}.btn.accent{background:linear-gradient(180deg,var(--peach),var(--peach-strong));border-color:var(--peach-strong);color:#402a10}.btn.danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn.ghost{background:transparent}.btn.small{padding:5px 11px;font-size:12px;border-radius:6px}.sidebar{width:92px;flex:0 0 auto;display:flex;flex-direction:column;gap:3px;padding:12px 8px;background:var(--bg-1);border-right:1px solid var(--border);overflow-y:auto}.sidebar-btn{display:flex;flex-direction:column;align-items:center;gap:6px;border:none;border-radius:8px;background:transparent;color:var(--text-2);padding:10px 4px 9px;font-size:11px;font-weight:600;box-shadow:inset 3px 0 0 transparent}.sidebar-btn .icon{width:22px;height:22px;display:inline-flex}.sidebar-btn .icon svg{width:100%;height:100%}.sidebar-btn .label{line-height:1.2;text-align:center}.sidebar-btn:hover{color:var(--text-0);background:var(--bg-2)}.sidebar-btn.active{color:var(--mint);background:var(--bg-2);box-shadow:inset 3px 0 0 var(--mint)}.main-content{flex:1;min-width:0;overflow-y:auto}.tab-panel{display:none;padding:20px;max-width:1180px;margin:0 auto;width:100%}.tab-panel.active{display:block}.gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;padding:60px 20px;color:var(--text-2);text-align:center}.gate img{width:72px;opacity:.5}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.card h2{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--text-0)}.card .card-desc{margin:0 0 14px;font-size:12px;color:var(--text-2);line-height:1.5}.card-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.field-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--bg-2)}.field-row:last-child{border-bottom:none}.field-label{display:flex;flex-direction:column;gap:1px}.field-label .name{font-size:12.5px;font-weight:600;color:var(--text-0)}.field-label .help{font-size:11px;color:var(--text-2)}.field-input{display:flex;align-items:center;gap:8px}.field-input input[type=number]{width:90px;background:var(--bg-2);border:1px solid var(--border);color:var(--text-0);border-radius:6px;padding:6px 8px;font-size:12.5px;text-align:right}.field-input input[type=range]{width:130px;accent-color:var(--mint)}.field-input .unit{font-size:11px;color:var(--text-2);width:42px}.field-input select{background:var(--bg-2);border:1px solid var(--border);color:var(--text-0);border-radius:6px;padding:6px 8px;font-size:12.5px}.field-input.dirty input,.field-input.dirty select{border-color:var(--peach-strong)}.sign-toggle{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.sign-toggle button{border:none;background:var(--bg-2);color:var(--text-2);padding:6px 12px;font-size:12px;font-weight:700}.sign-toggle button.active{background:var(--mint-strong);color:#0c1a14}.channel-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.channel{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.channel .ch-head{display:flex;justify-content:space-between;font-size:11px;color:var(--text-2);margin-bottom:6px}.channel .ch-head b{color:var(--text-0)}.channel-track{position:relative;height:8px;background:var(--bg-0);border-radius:4px;overflow:hidden}.channel-track .fill{position:absolute;top:0;bottom:0;left:50%;background:var(--mint);border-radius:4px;transition:width .05s linear,left .05s linear}.channel-track .mid-mark{position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--border)}.channel.assigned{border-color:var(--peach-strong)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.stat{background:var(--bg-2);border-radius:8px;padding:10px 12px;border:1px solid var(--border)}.stat .label{font-size:11px;color:var(--text-2);margin-bottom:4px}.stat .value{font-size:20px;font-weight:700;color:var(--text-0);font-variant-numeric:tabular-nums}.stat .value small{font-size:12px;color:var(--text-2);font-weight:500;margin-left:3px}.compass-wrap{display:flex;justify-content:center;padding:8px 0 4px}.wheel-bar-wrap{display:flex;flex-direction:column;gap:10px}.wheel-bar .head{display:flex;justify-content:space-between;font-size:11px;color:var(--text-2);margin-bottom:4px}.wheel-bar-track{position:relative;height:14px;background:var(--bg-0);border:1px solid var(--border);border-radius:7px;overflow:hidden}.wheel-bar-track .fill{position:absolute;top:0;bottom:0;left:50%;background:linear-gradient(90deg,var(--teal),var(--mint))}.wheel-bar-track .mid-mark{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--border)}#toast-root{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:50}.toast{background:var(--bg-2);border:1px solid var(--border);border-left:3px solid var(--mint);color:var(--text-0);padding:10px 14px;border-radius:8px;font-size:12.5px;box-shadow:var(--shadow);min-width:220px;animation:toast-in .15s ease}.toast.error{border-left-color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.param-table{width:100%;border-collapse:collapse;font-size:12px}.param-table th{text-align:left;color:var(--text-2);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-1)}.param-table td{padding:5px 8px;border-bottom:1px solid var(--bg-2);font-variant-numeric:tabular-nums}.param-table tr:hover td{background:var(--bg-2)}.param-table input{width:100px;background:var(--bg-2);border:1px solid var(--border);color:var(--text-0);border-radius:5px;padding:4px 6px;font-size:12px}.dump-textarea{width:100%;min-height:220px;background:var(--bg-0);border:1px solid var(--border);color:var(--mint);font-family:SFMono-Regular,Consolas,monospace;font-size:12px;border-radius:8px;padding:10px;resize:vertical}.help-box{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-size:12.5px;color:var(--text-1);line-height:1.6}.help-box b{color:var(--text-0)}.help-box ol,.help-box ul{margin:6px 0 0;padding-left:18px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tag{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:5px;background:var(--bg-3);color:var(--text-1);text-transform:uppercase;letter-spacing:.4px}