.dbc-simulator{--sim-bg:#eef1ee;--sim-paper:#f8f8f4;--sim-ink:#102232;--sim-muted:#5b6972;--sim-line:#cfd5d3;--sim-accent:#087f8c;--sim-green:#28a979;background:var(--sim-bg);color:var(--sim-ink);min-height:100vh}.dbc-simulator button,.dbc-simulator input,.dbc-simulator select{font:inherit}.sim-header{border-bottom:1px solid var(--sim-line);z-index:30;background:#f8f8f4f5;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(22px,4vw,64px);display:grid;position:sticky;top:0}.sim-header>a{color:var(--sim-muted);justify-self:start;font-size:12px}.sim-header>div:nth-child(2){align-items:center;gap:18px;display:flex}.sim-header>div:nth-child(2) span{color:var(--sim-accent);font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;font-size:8px;font-weight:700}.sim-header>div:nth-child(2) strong{letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:400}.sim-language{justify-self:end;align-items:center;gap:7px;display:flex}.sim-language button{color:#879299;cursor:pointer;font-family:var(--font-geist-mono), monospace;background:0 0;border:0;padding:7px 2px;font-size:10px}.sim-language button.is-active{color:var(--sim-ink);font-weight:700}.sim-language i{color:#aeb7b7;font-style:normal}.sim-hero{background:linear-gradient(#087f8c0e 1px,transparent 1px), linear-gradient(90deg,#087f8c0e 1px,transparent 1px), var(--sim-paper);border-bottom:1px solid var(--sim-line);background-size:48px 48px;grid-template-columns:1fr minmax(260px,350px);align-items:end;gap:60px;min-height:340px;padding:72px clamp(22px,4vw,64px) 54px;display:grid}.sim-hero p{color:var(--sim-accent);font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;margin:0 0 24px;font-size:9px;font-weight:700}.sim-hero h1{letter-spacing:-.065em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(58px,7vw,108px);font-weight:400;line-height:.88}.sim-hero h2{color:var(--sim-muted);max-width:920px;margin:28px 0 0;font-size:clamp(14px,1.25vw,18px);font-weight:450;line-height:1.55}.sim-hero aside{flex-direction:column;gap:15px;padding-bottom:8px;display:flex}.sim-hero aside span{font-family:var(--font-geist-mono), monospace;align-items:center;gap:9px;font-size:9px;display:flex}.sim-hero aside span i{background:var(--sim-green);border-radius:50%;width:6px;height:6px}.sim-hero aside small{border-top:1px solid var(--sim-line);color:#78858a;padding-top:14px;font-size:10px;line-height:1.55}.sim-connection{background:var(--sim-ink);color:#f8f8f4;grid-template-columns:.8fr 1fr .85fr .9fr minmax(270px,1.4fr);padding:0 clamp(22px,4vw,64px);display:grid}.sim-status,.sim-connection>label,.sim-connect-actions{border-right:1px solid #ffffff21;min-height:110px;padding:23px 21px}.sim-status:first-child{border-left:1px solid #ffffff21}.sim-status,.sim-connection>label{flex-direction:column;display:flex}.sim-status>span,.sim-connection>label>span{color:#82979d;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;font-size:8px}.sim-status strong{color:#c4ced0;align-items:center;gap:8px;margin-top:14px;font-size:12px;display:flex}.sim-status strong i{background:#7b8d92;border-radius:50%;width:7px;height:7px}.sim-status strong.is-online i{background:#53d8a4;box-shadow:0 0 0 4px #53d8a414}.sim-status small{color:#758a90;font-family:var(--font-geist-mono), monospace;margin-top:7px;font-size:8px}.sim-connection select{color:#fff;cursor:pointer;font-family:var(--font-geist-mono), monospace;background:0 0;border:0;border-bottom:1px solid #ffffff38;outline:0;margin-top:14px;padding:6px 0;font-size:10px}.sim-connection option{background:var(--sim-ink)}.sim-connect-actions{grid-template-columns:1.3fr .8fr;gap:8px;display:grid}.sim-connect-actions button{color:#c0cdd0;cursor:pointer;background:0 0;border:1px solid #ffffff38;padding:12px;font-size:9px}.sim-connect-actions button.is-primary{color:var(--sim-ink);background:#f7f7f2}.sim-connect-actions button:hover:not(:disabled){color:var(--sim-ink);background:#65c4c9;border-color:#65c4c9}.sim-connect-actions button:disabled{cursor:not-allowed;opacity:.38}.sim-safety{color:#593623;background:#fff0e6;border-bottom:1px solid #e4b99d;grid-template-columns:.75fr 1.25fr;align-items:center;gap:30px;padding:22px clamp(22px,4vw,64px);display:grid}.sim-safety strong{color:#a84f2b;font-family:var(--font-geist-mono), monospace;letter-spacing:.11em;font-size:9px}.sim-safety p{margin:7px 0 0;font-size:11px;line-height:1.55}.sim-safety label{cursor:pointer;border-left:1px solid #dfb497;align-items:flex-start;gap:12px;padding:6px 0 6px 24px;font-size:10px;line-height:1.55;display:flex}.sim-safety input{accent-color:#a84f2b;margin-top:2px}.sim-config{border-bottom:1px solid var(--sim-line);background:#e7ece9;padding:44px clamp(22px,4vw,64px)}.sim-config-head{background:var(--sim-paper);border:1px solid var(--sim-line);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:112px;padding:20px 24px;display:grid}.sim-config-head>span{color:var(--sim-accent);font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;align-self:start;padding-top:4px;font-size:8px;font-weight:700}.sim-config-head h2{letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400}.sim-config-head p{color:var(--sim-muted);margin:7px 0 0;font-size:10px;line-height:1.5}.sim-config-head>strong{color:var(--sim-muted);font-family:var(--font-geist-mono), monospace;text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:9px;overflow:hidden}.sim-load-row{background:var(--sim-paper);border:1px solid var(--sim-line);border-top:0;align-items:stretch;min-height:58px;display:flex}.sim-load-row>button{border:0;border-right:1px solid var(--sim-line);color:var(--sim-accent);cursor:pointer;background:0 0;padding:0 22px;font-size:9px;font-weight:700}.sim-load-row>button:hover{background:#dfeeed}.sim-dbc-summary{flex-direction:column;justify-content:center;gap:6px;margin-left:auto;padding:10px 20px;display:flex}.sim-dbc-summary span{color:#79868b;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:7px}.sim-dbc-summary strong{font-family:var(--font-geist-mono), monospace;font-size:9px}.sim-message-picker{background:var(--sim-paper);border:1px solid var(--sim-line);border-top:0;grid-template-columns:.7fr 1.8fr auto;display:grid}.sim-message-picker label{border-right:1px solid var(--sim-line);flex-direction:column;min-width:0;padding:17px 18px;display:flex}.sim-message-picker label>span{color:#78858a;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:7px}.sim-message-picker select{border:0;border-bottom:1px solid var(--sim-line);font-family:var(--font-geist-mono), monospace;background:0 0;outline:0;min-width:0;margin-top:12px;padding:7px 0;font-size:10px}.sim-message-picker small{color:#879398;margin-top:6px;font-size:7px}.sim-message-picker>button{background:var(--sim-ink);color:#fff;cursor:pointer;border:0;min-width:210px;padding:0 20px;font-size:9px}.sim-message-picker>button:hover:not(:disabled){background:var(--sim-accent)}.sim-message-picker>button:disabled{cursor:not-allowed;opacity:.4}.sim-display-bar{border-bottom:1px solid var(--sim-line);background:#e7ece9;justify-content:flex-end;align-items:center;gap:30px;padding:13px clamp(22px,4vw,64px);display:flex}.sim-display-bar>strong,.sim-display-bar>div>span{color:#78858a;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:8px}.sim-display-bar>strong{color:var(--sim-ink);margin-right:auto}.sim-display-bar>div{align-items:center;gap:10px;display:flex}.sim-display-bar>div>div{border:1px solid #bfc8c6;grid-template-columns:1fr 1fr;display:grid}.sim-display-bar button{color:#69777c;cursor:pointer;font-family:var(--font-geist-mono), monospace;background:0 0;border:0;min-width:48px;padding:7px 9px;font-size:8px}.sim-display-bar button.is-active{background:var(--sim-ink);color:#fff}.sim-workspace{gap:18px;padding:46px clamp(22px,4vw,64px) 72px;display:grid}.sim-empty{background:var(--sim-paper);border:1px solid var(--sim-line);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.sim-empty>div{gap:9px;display:flex}.sim-empty i{background:#a9c7c8;border-radius:50%;width:8px;height:8px}.sim-empty h2{margin:24px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:400}.sim-empty p{color:var(--sim-muted);margin:0;font-size:11px}.sim-message-card{background:var(--sim-paper);border:1px solid var(--sim-line);scroll-margin-top:96px}.sim-message-card.is-running{border-color:#7dc5a8;box-shadow:inset 3px 0 #28a979}.sim-message-card>header{border-bottom:1px solid var(--sim-line);grid-template-columns:78px 1fr auto 70px;align-items:stretch;min-height:112px;display:grid}.sim-message-index{border-right:1px solid var(--sim-line);flex-direction:column;justify-content:center;align-items:center;display:flex}.sim-message-index span{color:var(--sim-accent);font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;font-size:7px}.sim-message-index strong{margin-top:6px;font-family:Georgia,Times New Roman,serif;font-size:31px;font-weight:400}.sim-message-title{flex-direction:column;justify-content:center;padding:20px 24px;display:flex}.sim-message-title>span{color:var(--sim-accent);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;font-size:8px}.sim-message-title h2{letter-spacing:-.035em;margin:5px 0;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:400}.sim-message-title p{color:var(--sim-muted);font-family:var(--font-geist-mono), monospace;margin:0;font-size:8px}.sim-message-state{flex-direction:column;justify-content:center;align-items:flex-end;padding:20px 24px;display:flex}.sim-message-state>span{border:1px solid var(--sim-line);color:#758389;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;padding:7px 9px;font-size:7px;display:flex}.sim-message-state>span i{background:#9da8ab;border-radius:50%;width:6px;height:6px}.sim-message-state>span.is-live{color:#187755;background:#e1f1e8;border-color:#acd6c0}.sim-message-state>span.is-live i{background:#28a979}.sim-message-state small{color:#7f8c90;font-family:var(--font-geist-mono), monospace;margin-top:8px;font-size:7px}.sim-remove{border:0;border-left:1px solid var(--sim-line);color:#819095;cursor:pointer;background:0 0;font-size:22px;position:relative}.sim-remove span{display:none}.sim-remove:hover{color:#a84f2b;background:#fff0e6}.sim-message-settings{border-bottom:1px solid var(--sim-line);grid-template-columns:.7fr 1fr .8fr 2.2fr;display:grid}.sim-message-settings>label,.sim-payload{border-right:1px solid var(--sim-line);flex-direction:column;min-width:0;padding:15px 17px;display:flex}.sim-message-settings span{color:#78858a;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:7px}.sim-message-settings label strong{font-family:var(--font-geist-mono), monospace;margin-top:12px;font-size:11px}.sim-message-settings select,.sim-message-settings input{border:0;border-bottom:1px solid var(--sim-line);font-family:var(--font-geist-mono), monospace;background:0 0;outline:0;margin-top:9px;padding:5px 0;font-size:10px}.sim-message-settings label small{color:#899499;margin-top:5px;font-size:7px}.sim-payload{border-right:0}.sim-payload code{background:var(--sim-ink);color:#78dbe0;font-family:var(--font-geist-mono), monospace;white-space:nowrap;margin-top:9px;padding:10px 12px;font-size:12px;overflow-x:auto}.sim-signal-head{border-bottom:1px solid var(--sim-line);background:#e9edeb;grid-template-columns:minmax(240px,.9fr) minmax(400px,1.8fr) 120px;padding:9px 18px;display:grid}.sim-signal-head span{color:#78858a;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:7px}.sim-signals{display:grid}.sim-signal-row{border-bottom:1px solid var(--sim-line);grid-template-columns:minmax(240px,.9fr) minmax(400px,1.8fr) 120px;align-items:center;min-height:88px;padding:12px 18px;display:grid}.sim-signal-name{flex-direction:column;min-width:0;padding-right:20px;display:flex}.sim-signal-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.sim-signal-name small{color:#7e8b90;font-family:var(--font-geist-mono), monospace;margin-top:7px;font-size:7px}.sim-signal-control{flex-direction:column;gap:10px;min-width:0;padding-right:28px;display:flex}.sim-signal-control>div{grid-template-columns:minmax(100px,180px) auto;align-items:center;display:grid}.sim-signal-control input[type=number],.sim-signal-control select{border:1px solid var(--sim-line);color:var(--sim-ink);font-family:var(--font-geist-mono), monospace;background:#fff;min-height:34px;padding:6px 9px;font-size:11px}.sim-signal-control>div span{color:var(--sim-muted);font-family:var(--font-geist-mono), monospace;padding-left:10px;font-size:9px}.sim-signal-control input[type=range]{accent-color:var(--sim-accent);cursor:pointer;width:100%;max-width:540px}.sim-signal-row>code{border:1px solid var(--sim-line);font-family:var(--font-geist-mono), monospace;text-align:center;background:#edf1ee;padding:9px;font-size:10px}.sim-no-signals{color:var(--sim-muted);margin:0;padding:24px;font-size:10px}.sim-fd-warning{color:#65412f;background:#fff0e6;border-bottom:1px solid #e4b99d;margin:0;padding:12px 18px;font-size:9px;line-height:1.5}.sim-message-card>footer{grid-template-columns:1fr 1fr;display:grid}.sim-message-card>footer button{background:var(--sim-ink);color:#fff;cursor:pointer;border:0;border-right:1px solid #ffffff2e;min-height:50px;padding:14px 18px;font-size:9px}.sim-message-card>footer button:hover:not(:disabled){background:var(--sim-accent)}.sim-message-card>footer button.is-stop{background:#a84f2b}.sim-message-card>footer button:disabled{cursor:not-allowed;opacity:.35}.sim-footer{background:var(--sim-ink);color:#94a5aa;font-family:var(--font-geist-mono), monospace;justify-content:space-between;align-items:center;min-height:82px;padding:0 clamp(22px,4vw,64px);font-size:8px;display:flex}.sim-toast{background:var(--sim-ink);color:#fff;z-index:50;max-width:calc(100vw - 40px);padding:13px 18px;font-size:10px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 38px #0a1c273d}@media (width<=1080px){.sim-connection{grid-template-columns:repeat(2,1fr)}.sim-connect-actions{grid-column:1/-1}.sim-message-picker{grid-template-columns:1fr 1.5fr}.sim-message-picker>button{grid-column:1/-1;min-height:52px}.sim-message-settings{grid-template-columns:repeat(3,1fr)}.sim-payload{border-top:1px solid var(--sim-line);grid-column:1/-1}.sim-signal-head,.sim-signal-row{grid-template-columns:minmax(210px,.9fr) minmax(330px,1.8fr) 90px}}@media (width<=760px){.sim-header{grid-template-columns:1fr auto;height:68px}.sim-header>div:nth-child(2){display:none}.sim-hero{grid-template-columns:1fr;min-height:300px}.sim-hero h1{font-size:clamp(52px,16vw,76px)}.sim-connection{grid-template-columns:1fr}.sim-status,.sim-connection>label{min-height:90px}.sim-connect-actions{grid-column:1;grid-template-columns:1fr}.sim-safety{grid-template-columns:1fr}.sim-safety label{border-top:1px solid #dfb497;border-left:0;padding-top:16px;padding-left:0}.sim-config-head{grid-template-columns:auto 1fr;align-items:start}.sim-config-head>strong{grid-column:2;max-width:calc(100vw - 150px)}.sim-load-row{flex-direction:column}.sim-load-row>button{border-bottom:1px solid var(--sim-line);min-height:48px}.sim-dbc-summary{margin-left:0}.sim-message-picker{grid-template-columns:1fr}.sim-message-picker label{border-bottom:1px solid var(--sim-line);border-right:0}.sim-message-picker>button{grid-column:1}.sim-display-bar{flex-direction:column;align-items:stretch;gap:10px}.sim-display-bar>div{justify-content:space-between}.sim-message-card>header{grid-template-columns:60px 1fr 54px}.sim-message-state{border-top:1px solid var(--sim-line);grid-area:2/2/auto/-1;align-items:flex-start}.sim-remove{grid-area:1/3}.sim-message-settings{grid-template-columns:1fr}.sim-message-settings>label,.sim-payload{border-bottom:1px solid var(--sim-line);border-right:0;grid-column:1}.sim-signal-head{display:none}.sim-signal-row{grid-template-columns:1fr;gap:13px;padding:18px}.sim-signal-control{padding-right:0}.sim-signal-row>code{justify-self:stretch}.sim-message-card>footer{grid-template-columns:1fr}.sim-message-card>footer button{border-bottom:1px solid #ffffff2e;border-right:0}.sim-footer{flex-direction:column;justify-content:center;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.sim-empty i{animation:none}}