*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f1f8;--bg-card:#fff;--border:#e8eaf0;--border-light:#f0f2f8;--text:#1a1a2e;--text-2:#6b6f88;--text-3:#a0a4bc;--grad-from:#6c47ff;--grad-to:#3b6eff;--grad:linear-gradient(135deg,#6c47ff,#3b6eff);--violet:#7c3aed;--blue:#2563eb;--teal:#0d9488;--pink:#db2777;--amber:#d97706;--green:#16a34a;--red:#dc2626;--radius:12px;--radius-sm:8px;--shadow:0 2px 8px #6c47ff14,0 1px 2px #0000000a;--shadow-md:0 8px 24px #6c47ff1f;--font:"Inter",system-ui,sans-serif;--mono:"JetBrains Mono",monospace}body{-webkit-font-smoothing:antialiased;background:#f0f1f8;background:var(--bg);color:#1a1a2e;color:var(--text);font-family:Inter,system-ui,sans-serif;font-family:var(--font);min-height:100vh}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.live-page{gap:16px}.idle-card,.live-page{display:flex;flex-direction:column}.idle-card{align-items:center;gap:10px;padding:48px 24px;text-align:center}.idle-icon{font-size:34px;margin-bottom:4px;opacity:.6}.idle-title{color:var(--text);font-size:16px;font-weight:700}.idle-desc{color:var(--text-2);font-size:13px;line-height:1.6;max-width:460px}.flex-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}@media (max-width:800px){.flex-grid{grid-template-columns:repeat(3,1fr)}}.flex-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 14px;text-align:center;transition:border-color .2s}.flex-card:hover{border-color:var(--accent)}.flex-card__label{font-size:12px;font-weight:600;letter-spacing:.2px;margin-bottom:6px}.flex-card__value{color:var(--text);font-size:30px;font-weight:700;letter-spacing:-1px}.imu-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:640px){.imu-grid{grid-template-columns:1fr}}.imu-unit{color:var(--text-3);font-size:11px;font-weight:400;margin-left:4px}.imu-row{align-items:center;display:flex;gap:10px;padding:5px 0}.imu-axis{flex-shrink:0;font-size:13px;font-weight:700;width:14px}.imu-bar-track{background:#f0f1f8;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.imu-bar-fill{border-radius:3px;height:100%;transition:width .1s linear}.imu-val{color:var(--text);font-family:var(--mono);font-size:12px;font-weight:500;min-width:55px;text-align:right}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.chart-modes{display:flex;gap:6px}.mode-btn{background:#fff;border:1.5px solid var(--border);border-radius:20px;color:var(--text-2);cursor:pointer;font-family:var(--font);font-size:12px;font-weight:500;padding:4px 12px;transition:all .15s}.mode-btn--active{background:#f5f3ff;border-color:#c4b5fd;color:var(--violet);font-weight:600}.chart-y-label{color:var(--text-3);font-size:9.5px;font-weight:700;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.record-page{display:flex;flex-direction:column;gap:16px}.mode-toggle{display:flex;gap:6px;margin-bottom:16px}.toggle-btn{background:#fff;border:1.5px solid var(--border);border-radius:20px;color:var(--text-2);cursor:pointer;font-family:var(--font);font-size:13px;font-weight:500;padding:5px 18px;transition:all .15s}.toggle-btn--active{background:var(--grad);border-color:#0000;color:#fff}.label-grid{display:flex;flex-wrap:wrap;gap:8px}.label-chip{align-items:center;background:#f8f9ff;border:1.5px solid var(--border);border-radius:10px;color:var(--text-2);cursor:pointer;display:flex;font-family:var(--font);font-size:13.5px;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:0 10px;transition:all .12s}.label-chip:hover{background:#f5f3ff;border-color:#c4b5fd;color:var(--violet)}.label-chip--active{background:color-mix(in srgb,#7c3aed 15%,#fff);background:color-mix(in srgb,var(--chip-color,#7c3aed) 15%,#fff);border-color:#7c3aed;border-color:var(--chip-color,#7c3aed);color:#7c3aed;color:var(--chip-color,#7c3aed)}.label-chip--gesture{font-size:12.5px;min-width:auto;padding:0 14px}.custom-label-row{margin-top:4px}.custom-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--mono);font-size:13px;max-width:360px;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.custom-input:focus{border-color:var(--violet)}.record-control{padding:28px 20px;text-align:center;transition:background .3s,border-color .3s}.record-control--active{background:#fef2f2;border-color:#fecaca}.record-info{color:var(--text-2);font-size:15px;margin-bottom:16px}.source-tag{color:var(--text-3);font-size:13px;margin-left:4px}.record-btn{border-radius:40px;font-size:15px;font-weight:700;justify-content:center;min-width:200px;padding:12px 36px}.record-btn--start{background:var(--grad);border:none;color:#fff}.record-btn--start:hover{opacity:.88}.record-btn:disabled{cursor:not-allowed;opacity:.45}.record-btn:disabled:hover{opacity:.45}.record-btn--stop{background:#dc2626;border:none;color:#fff;gap:8px}.rec-dot{animation:blink2 .8s step-end infinite;background:#fff;border-radius:50%;height:10px;width:10px}@keyframes blink2{0%,to{opacity:1}50%{opacity:.2}}.recording-hint{color:#b91c1c;font-size:13px;margin-top:14px}.label-bars{display:flex;flex-direction:column;gap:10px}.label-bar-row{align-items:center;display:flex;gap:12px}.label-bar-name{flex-shrink:0;font-size:13px;font-weight:700;width:48px}.label-bar-track{background:#f0f1f8;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.label-bar-fill{border-radius:4px;height:100%;transition:width .5s ease}.label-bar-count{font-size:12.5px;font-weight:600;min-width:36px;text-align:right}.dataset-page{display:flex;flex-direction:column;gap:16px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}@media (max-width:700px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;padding:20px 16px;position:relative}.stat-icon{border-radius:10px;height:36px;margin-bottom:12px;width:36px}.stat-value{font-size:36px;font-weight:800;letter-spacing:-1.5px;line-height:1}.stat-label{color:var(--text-3);font-size:12px;font-weight:500;margin-top:4px}.export-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.save-db-desc{color:var(--text-2);font-size:13px;line-height:1.5;margin:0 0 12px}.save-db-desc--muted{color:var(--text-3)}.save-db-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.save-db-input{border:1.5px solid var(--border);border-radius:10px;color:var(--text);flex:1 1;font-family:var(--font);font-size:13px;min-width:180px;padding:8px 12px}.save-db-input:focus{border-color:#16a34a;outline:none}.save-db-msg{border-radius:8px;font-size:12.5px;font-weight:500;margin-top:12px;padding:8px 12px}.save-db-msg--ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.save-db-msg--err{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.preview-card{overflow:hidden;padding:0}.preview-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 20px}.preview-badge{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:20px;color:var(--violet);font-size:11px;font-weight:600;padding:3px 10px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;font-size:12.5px;width:100%}.data-table th{color:var(--text-3);font-size:10.5px;font-weight:700;letter-spacing:.6px;text-align:left;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid var(--border-light);padding:8px 12px;white-space:nowrap}.data-table td{color:var(--text-2);font-family:var(--mono);font-size:12px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f8f9ff}.col-imu{font-family:var(--mono)}.label-badge{align-items:center;border-radius:8px;display:inline-flex;font-family:var(--font);font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.empty-row{color:var(--text-3);font-family:var(--font);font-size:13px;padding:32px!important;text-align:center}.conn-page{display:flex;flex-direction:column;gap:16px}.cred-desc{color:var(--text-2);font-size:13px;line-height:1.5;margin:0 0 14px}.cred-grid{gap:14px}.cred-grid,.cred-item{display:flex;flex-direction:column}.cred-item{gap:5px}.cred-label{color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.cred-value-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.cred-value{background:#f8f9ff;border:1.5px solid var(--border);border-radius:8px;color:var(--text);flex:1 1;font-family:var(--mono);font-size:12.5px;min-width:200px;overflow-x:auto;padding:7px 10px;white-space:nowrap}.cred-copy{background:#fff;border:1.5px solid var(--border);border-radius:8px;color:var(--text-2);cursor:pointer;font-family:var(--font);font-size:12px;font-weight:600;padding:6px 12px;transition:all .15s}.cred-copy:hover{border-color:var(--blue);color:var(--blue)}.cred-hint{color:var(--text-3);font-size:12px;line-height:1.5}.cred-hint code{background:#f0f1f8;border-radius:4px;font-family:var(--mono);padding:1px 5px}.cred-hint--warn{color:#b45309}.active-conn{align-items:center;background:#fdf2f8;border:1.5px solid #fce7f3;border-radius:var(--radius-sm);display:flex;gap:12px;margin-bottom:8px;padding:12px 14px;transition:border-color .2s}.active-conn:last-child{margin-bottom:0}.active-conn--input{border-color:#f9a8d4}.active-conn__icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.active-dot{animation:pulse 1.5s infinite;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.active-conn__info{flex:1 1}.active-conn__name{color:var(--text);font-size:14px;font-weight:600}.active-conn__meta{color:var(--text-3);font-size:12px;margin-top:2px}.active-input-badge{background:#fce7f3;border:1px solid #fbcfe8;border-radius:20px;color:#db2777;font-size:11px;font-weight:600;padding:3px 10px}.deactivate-btn{align-items:center;background:#0000;border:1.5px solid #f9a8d4;border-radius:50%;color:#db2777;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .15s;width:28px}.deactivate-btn:hover{background:#fce7f3}.conn-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.conn-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.conn-grid{grid-template-columns:1fr}}.conn-card{border:1.5px solid #0000;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;padding:18px}.conn-card--blue{background:#eff6ff;border-color:#bfdbfe}.conn-card--violet{background:#f5f3ff;border-color:#ddd6fe}.conn-card--teal{background:#f0fdfa;border-color:#99f6e4}.conn-card--pink{background:#fdf2f8;border-color:#fbcfe8}.conn-card__header{align-items:center;display:flex;gap:10px}.conn-type-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.conn-card__name{color:var(--text);font-size:14px;font-weight:700}.conn-card__sub{color:var(--text-3);font-size:11px;margin-top:1px}.conn-card__desc{color:var(--text-2);font-size:12.5px;line-height:1.5}.conn-input{background:#fff;border:1.5px solid #bfdbfe;border-radius:var(--radius-sm);color:var(--text);font-family:var(--mono);font-size:12.5px;outline:none;padding:9px 12px;transition:border-color .15s;width:100%}.conn-input:focus{border-color:var(--blue)}.baud-row{align-items:center;color:var(--text-2);display:flex;font-size:13px;gap:10px}.baud-select{background:#fff;border:1.5px solid #99f6e4;border-radius:var(--radius-sm);flex:1 1;font-family:var(--font);font-size:12.5px;outline:none;padding:6px 10px}.json-ref{background:#1e1e2e;border-radius:var(--radius);overflow:hidden}.json-ref__title{border-bottom:1px solid #2d2d44;color:#94a3b8;font-size:12px;font-weight:600;padding:12px 20px}.json-ref__code{color:#c8d3f5;font-family:var(--mono);font-size:12.5px;line-height:1.8;overflow-x:auto;padding:16px 20px;white-space:pre}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--grad);box-shadow:0 2px 16px #6c47ff4d;color:#fff;gap:24px;height:60px;padding:0 32px;position:sticky;top:0;z-index:100}.app-brand,.app-header{align-items:center;display:flex}.app-brand{flex-shrink:0;gap:12px}.app-logo{background:#fff3;border:2px solid #ffffff59;border-radius:10px;height:32px;width:32px}.app-name{font-size:15px;font-weight:700;letter-spacing:-.3px}.app-sub{font-size:11px;margin-top:1px;opacity:.7}.app-tabs{flex:1 1;gap:2px}.app-tab,.app-tabs{align-items:center;display:flex}.app-tab{background:#0000;border:none;border-radius:8px;color:#ffffffa6;cursor:pointer;font-family:var(--font);font-size:13.5px;font-weight:500;gap:6px;padding:6px 16px;transition:all .15s}.app-tab:hover{background:#ffffff1f;color:#fff}.app-tab--active{background:#ffffff2e;color:#fff;font-weight:600}.app-tab--recording{color:#fca5a5}.tab-badge{border-radius:20px;font-size:10.5px;font-weight:700;padding:2px 7px}.tab-badge,.tab-badge--conn{background:#ffffff40}.tab-badge--rec{animation:blink 1s step-end infinite;background:#ef4444;color:#fff}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.app-source{flex-shrink:0;gap:10px}.app-source,.source-pill{align-items:center;display:flex}.source-pill{background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;color:#fff;cursor:default;font-family:var(--font);font-size:12px;font-weight:600;gap:6px;padding:5px 12px}.source-dot{background:#4ade80;border-radius:50%;height:7px;width:7px}.source-pill--offline{opacity:.7}.source-dot--offline{background:#9ca3af}.rec-indicator{animation:blink 1s step-end infinite;color:#fca5a5;font-size:12px;font-weight:700}.app-main{flex:1 1;margin:0 auto;max-width:1200px;padding:24px 32px;width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card-title{color:var(--text);font-size:14px;font-weight:600;gap:8px;margin-bottom:16px}.card-icon,.card-title{align-items:center;display:flex}.card-icon{background:var(--border-light);border-radius:6px;flex-shrink:0;height:22px;justify-content:center;width:22px}.btn{align-items:center;border:none;border-radius:24px;cursor:pointer;display:inline-flex;font-family:var(--font);font-size:13px;font-weight:600;gap:6px;padding:8px 18px;transition:all .15s}.btn-primary{background:var(--grad);color:#fff}.btn-primary:hover{opacity:.88}.btn-blue{background:#2563eb;color:#fff}.btn-blue:hover{background:#1d4ed8}.btn-violet{background:#7c3aed;color:#fff}.btn-violet:hover{background:#6d28d9}.btn-danger{background:#0000;border:1.5px solid #dc2626;color:#dc2626}.btn-danger:hover{background:#fef2f2}.btn-outline{background:#fff;border:1.5px solid var(--border);color:var(--text-2)}.btn-outline:hover{border-color:var(--violet);color:var(--violet)}.section-label{color:var(--text-3);font-size:10.5px;font-weight:600;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}
/*# sourceMappingURL=main.ea4fcd64.css.map*/