@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400&display=swap";:root{--navy: #0C1B54;--bg: #F7F7F7;--white: #ffffff;--navy-60: rgba(12,27,84,.6);--navy-20: rgba(12,27,84,.2);--navy-10: rgba(12,27,84,.1);--red: #c0392b;--green: #27ae60;--amber: #d4a017;--font: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--tracking-xl: 4px;--tracking-md: 2px;--tracking-sm: 1px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--navy);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh}.browser-banner{background:#c0392b;color:var(--white);text-align:center;padding:10px 20px;font-size:10px;font-weight:400;letter-spacing:var(--tracking-md)}.top-bar{display:flex;align-items:center;gap:24px;padding:0 40px;height:64px;border-bottom:1px solid var(--navy-20);background:var(--white)}.top-bar-brand{display:flex;align-items:center;gap:20px;flex:1}.top-bar-brand img{height:28px;mix-blend-mode:multiply}.top-bar-brand .subtitle{font-size:10px;font-weight:400;letter-spacing:var(--tracking-xl);color:var(--navy-60)}.connection-status{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:400;letter-spacing:var(--tracking-md)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--navy-20);flex-shrink:0}.status-dot.active{background:#27ae60}.btn{font-family:var(--font);font-size:10px;font-weight:400;letter-spacing:var(--tracking-md);text-transform:uppercase;cursor:pointer;border-radius:0;padding:10px 22px;transition:opacity .15s}.btn:disabled{opacity:.3;cursor:default}.btn-primary{background:var(--navy);color:var(--white);border:1px solid transparent}.btn-ghost{background:transparent;color:var(--navy);border:1px solid var(--navy)}.btn-demo{font-family:var(--font);font-size:9px;font-weight:400;letter-spacing:var(--tracking-md);text-transform:uppercase;cursor:pointer;border:none;background:transparent;color:var(--navy-20);padding:10px 12px;transition:color .15s}.btn-demo:hover{color:var(--navy-60)}.toggle-group{display:flex}.toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.toggle-group .btn-toggle{font-family:var(--font);font-size:10px;font-weight:400;letter-spacing:var(--tracking-md);text-transform:uppercase;cursor:pointer;border-radius:0;padding:10px 22px;background:transparent;color:var(--navy);border:1px solid var(--navy-20);transition:background .15s,color .15s}.toggle-group .btn-toggle+.btn-toggle{margin-left:-1px}.toggle-group .btn-toggle.active{background:var(--navy);color:var(--white);border-color:var(--navy)}.toggle-group .btn-toggle:disabled{opacity:.3;cursor:default}.toggle-grid .btn-toggle{font-family:var(--font);font-size:10px;font-weight:400;letter-spacing:var(--tracking-md);text-transform:uppercase;cursor:pointer;border-radius:0;padding:10px 12px;background:transparent;color:var(--navy);border:1px solid var(--navy-20);transition:background .15s,color .15s,border-color .15s;width:100%}.toggle-grid .btn-toggle.active{background:var(--navy);color:var(--white);border-color:var(--navy)}.toggle-grid .btn-toggle:disabled{opacity:.3;cursor:default}.controls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--navy-20);border-bottom:1px solid var(--navy-20)}.controls-grid.disabled{opacity:.35;pointer-events:none}.controls-panel{background:var(--bg);padding:32px 40px}.section-title{display:flex;align-items:center;gap:16px;margin:30px 0 20px;font-size:9px;font-weight:400;letter-spacing:var(--tracking-xl);color:var(--navy-60);white-space:nowrap}.section-title:first-child{margin-top:0}.section-title:before,.section-title:after{content:"";flex:1;height:1px;background:var(--navy-20)}.control-row{margin-bottom:18px}.control-row label{display:block;font-size:10px;font-weight:400;letter-spacing:var(--tracking-md);color:var(--navy);margin-bottom:8px}.feature-note{margin-top:10px;font-size:11px;line-height:1.6;letter-spacing:.03em;color:var(--navy-60);text-transform:none}.param-group{margin-bottom:22px}.param-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.param-label{font-size:10px;font-weight:400;letter-spacing:var(--tracking-md);color:var(--navy)}.param-unit{font-size:10px;font-weight:400;letter-spacing:var(--tracking-md);color:var(--navy-60)}.param-value{font-size:28px;font-weight:300;color:var(--navy);text-align:center;width:100%;border:none;border-bottom:1px solid var(--navy-20);background:transparent;padding:6px 0;font-family:var(--font);outline:none;-moz-appearance:textfield}.param-value::-webkit-inner-spin-button,.param-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.param-value:focus{border-bottom-color:var(--navy)}.param-value.invalid{border-bottom-color:var(--red);color:var(--red)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1px;background:var(--navy-20);outline:none;margin:14px 0 6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--navy);border:none;cursor:pointer;transform:rotate(45deg)}input[type=range]::-moz-range-track{height:1px;background:var(--navy-20);border:none}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--navy);border:none;border-radius:0;cursor:pointer;transform:rotate(45deg)}.apply-row{display:flex;justify-content:flex-end;margin-top:14px}.reset-section{display:flex;margin-top:4px}.random-section{background:var(--bg);padding:32px 40px;border-bottom:1px solid var(--navy-20)}.random-intro,.random-status,.random-footnote{font-size:11px;line-height:1.7;letter-spacing:.03em;color:var(--navy-60);text-transform:none}.random-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:18px 0 20px}.random-status{max-width:560px}.random-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.random-table-wrap{border:1px solid var(--navy-20);background:var(--white);overflow-x:auto}.random-estimate{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px;padding:18px 20px;border:1px solid var(--navy-20);background:linear-gradient(135deg,#0c1b540d,#0c1b5404)}.random-estimate-copy{max-width:620px}.random-estimate-kicker{display:block;margin-bottom:8px;font-size:9px;font-weight:400;letter-spacing:var(--tracking-xl);color:var(--navy-60)}.random-estimate-text{font-size:11px;line-height:1.7;letter-spacing:.03em;color:var(--navy-60);text-transform:none}.random-estimate-grid{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:1px;min-width:320px;background:var(--navy-20);border:1px solid var(--navy-20)}.random-estimate-card{display:flex;flex-direction:column;gap:6px;padding:14px 18px;background:var(--white)}.random-estimate-label{font-size:9px;font-weight:400;letter-spacing:var(--tracking-xl);color:var(--navy-60)}.random-estimate-value{font-size:24px;font-weight:300;letter-spacing:var(--tracking-sm);color:var(--navy)}.random-table{width:100%;min-width:960px;border-collapse:collapse}.random-table th,.random-table td{padding:14px 16px;border-bottom:1px solid var(--navy-10);text-align:left;vertical-align:middle}.random-table th{font-size:9px;font-weight:400;letter-spacing:var(--tracking-xl);color:var(--navy-60)}.random-table td{font-size:11px;color:var(--navy)}.random-table tr:last-child td{border-bottom:none}.random-table tr.pause-only td{background:#d4a0170d}.random-slot-index{font-size:18px;font-weight:300;letter-spacing:var(--tracking-sm)}.random-table input[type=number],.random-table select{width:100%;min-width:120px;padding:8px 10px;border:1px solid var(--navy-20);background:transparent;color:var(--navy);font-family:var(--font);font-size:16px;font-weight:300;outline:none;text-transform:none}.random-table input[type=number]{-moz-appearance:textfield}.random-table input[type=number]::-webkit-inner-spin-button,.random-table input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.random-table input[type=number]:focus,.random-table select:focus{border-color:var(--navy)}.random-table input.invalid,.random-table select.invalid{border-color:var(--red);color:var(--red)}.random-footnote{display:flex;justify-content:space-between;gap:24px;margin-top:14px;flex-wrap:wrap}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--navy-20);border-bottom:1px solid var(--navy-20)}.battery-section{background:var(--bg);padding:32px 40px}.battery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--navy-20);border:1px solid var(--navy-20)}.battery-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:var(--white)}.battery-label{font-size:9px;font-weight:400;letter-spacing:var(--tracking-xl);color:var(--navy-60)}.battery-value{font-size:20px;font-weight:300;color:var(--navy);letter-spacing:var(--tracking-sm)}.battery-unit{font-size:9px;font-weight:400;letter-spacing:var(--tracking-md);color:var(--navy-60)}.log-section{background:var(--bg);padding:32px 40px}.log-container{border:1px solid var(--navy-20);background:var(--white);height:180px;overflow-y:auto;padding:10px 14px;scrollbar-width:thin;scrollbar-color:var(--navy-20) transparent}.log-container::-webkit-scrollbar{width:4px}.log-container::-webkit-scrollbar-track{background:transparent}.log-container::-webkit-scrollbar-thumb{background:var(--navy-20)}.log-entry{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:300;line-height:1.7;white-space:pre-wrap;word-break:break-all;text-transform:none}.log-entry.sent{color:var(--navy-60)}.log-entry.received{color:var(--navy)}.log-entry.error{color:#c0392b}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:var(--navy);color:var(--white);font-size:10px;font-weight:400;letter-spacing:var(--tracking-md);padding:12px 28px;opacity:0;transition:transform .3s ease,opacity .3s ease;z-index:1000;text-transform:uppercase;pointer-events:none}.toast.visible{transform:translate(-50%) translateY(0);opacity:1}.waveform-canvas{width:100%;height:80px;margin-top:20px;border:1px solid var(--navy-20);background:var(--white)}.apply-row .btn-primary:disabled.validation-blocked{opacity:.3;cursor:default}.battery-gauge{height:4px;background:var(--navy-10);margin-bottom:16px;position:relative}.battery-gauge-fill{height:100%;width:0%;background:var(--green);transition:width .4s ease,background .4s ease}.battery-gauge-fill.low{background:var(--red)}.battery-gauge-fill.medium{background:var(--amber)}.status-dot.reconnecting{background:var(--amber);animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@media (max-width: 1180px){.controls-grid,.bottom-grid{grid-template-columns:1fr}.random-estimate,.random-toolbar,.random-footnote{flex-direction:column}.random-actions{justify-content:flex-start}}@media (max-width: 820px){.top-bar{height:auto;padding:18px 20px;flex-wrap:wrap}.top-bar-brand,.connection-status{width:100%}.controls-panel,.battery-section,.log-section,.random-section{padding:24px 20px}.random-estimate-grid,.battery-grid{grid-template-columns:repeat(2,1fr);min-width:0}.toast{width:calc(100% - 32px);text-align:center;padding:12px 16px}}