*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif;font-size:13px;background:#0d1117;color:#c9d1d9}.app{display:flex;flex-direction:column;width:100%;height:100%}.header{display:flex;align-items:center;gap:16px;padding:6px 12px;background:#161b22;border-bottom:1px solid #30363d;flex-shrink:0;flex-wrap:wrap}.header-group{display:flex;gap:4px;align-items:center}.header-info{margin-left:auto;color:#8b949e;font-size:12px}.placement-summary{color:#8b949e;font-size:12px;white-space:nowrap}.header-group input[type=range]{width:80px;accent-color:#1f6feb}.header-group input[type=number]{background:#0d1117;color:#c9d1d9;border:1px solid #30363d;border-radius:4px;padding:2px 4px;font-size:12px}button{background:#21262d;color:#c9d1d9;border:1px solid #30363d;border-radius:6px;padding:4px 10px;cursor:pointer;font-size:12px;line-height:1.5;transition:background .1s}button:hover:not(:disabled){background:#30363d}button:disabled{opacity:.4;cursor:not-allowed}button.active{background:#1f6feb;border-color:#388bfd;color:#fff}button.danger{color:#f85149;border-color:#f85149}button.danger:hover:not(:disabled){background:#3d1f1f}.toggle-label{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.main{display:flex;flex:1;overflow:hidden}.sidebar{width:260px;flex-shrink:0;background:#161b22;border-right:1px solid #30363d;display:flex;flex-direction:column;overflow:hidden}.sidebar-title{padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#8b949e;border-bottom:1px solid #30363d;flex-shrink:0}.path-list{flex:1;overflow-y:auto;padding:4px 0;min-height:0}.empty-hint{padding:12px;color:#8b949e;font-size:12px;text-align:center}.path-item{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:5px 12px;background:none;border:none;border-radius:0;border-left:3px solid transparent;font-size:12px;cursor:pointer}.path-item:hover:not(:disabled){background:#1f2937}.path-item.selected{background:#0d1117;border-left-color:#1f6feb}.path-dot{font-size:10px;flex-shrink:0}.path-meta{margin-left:auto;color:#8b949e;font-size:11px}.inspector{border-top:1px solid #30363d;padding:10px 12px;flex-shrink:0;overflow-y:auto;max-height:340px}.inspector-empty{border-top:1px solid #30363d;padding:10px 12px;color:#8b949e;font-size:12px;text-align:center}.inspector-title{font-size:11px;font-weight:600;color:#8b949e;margin-bottom:8px}.field-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}.field-row label{width:24px;font-size:11px;color:#8b949e;flex-shrink:0}.field-row input,.field-row select{flex:1;background:#0d1117;border:1px solid #30363d;border-radius:4px;padding:3px 6px;color:#c9d1d9;font-size:12px;min-width:0}.field-row input:focus,.field-row select:focus{outline:none;border-color:#1f6feb}.btn-row{display:flex;gap:4px;margin-top:8px;margin-bottom:10px;flex-wrap:wrap}.btn-row button{flex:1;font-size:11px;padding:4px 6px}.signal-section{border-top:1px solid #30363d;padding-top:8px}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#8b949e;margin-bottom:6px}.signal-summary{border-top:1px solid #30363d;padding:8px 12px;flex-shrink:0}.summary-text{font-size:12px;color:#8b949e;margin-bottom:6px}.state-legend{display:flex;flex-direction:column;gap:3px}.state-badge{font-size:11px;padding:2px 6px;border-radius:4px}.state-0{background:#3d1f1f;color:#f44}.state-1{background:#3d3510;color:#fc0}.state-2{background:#1a3d1f;color:#4f8}.layers-panel{border-top:1px solid #30363d;padding:8px 12px;flex-shrink:0}.layer-toggle{display:flex;align-items:center;gap:6px;font-size:12px;padding:2px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.layer-toggle.disabled{opacity:.4;cursor:not-allowed}.layer-toggle input[type=checkbox]{accent-color:#1f6feb}.viewport-wrap{flex:1;position:relative;overflow:hidden}.viewport-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#8b949e;font-size:16px;background:#0d1117}.toast{position:fixed;bottom:20px;right:20px;background:#21262d;border:1px solid #30363d;border-radius:8px;padding:10px 16px;max-width:400px;font-size:12px;white-space:pre-line;z-index:9999;box-shadow:0 4px 20px #00000080}