:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#1E2228;background:#f6f8fa;font-synthesis:none;--accent:#009096;--signal-high:#009096;--border:#e6eaee}*{box-sizing:border-box}body{margin:0;font-size:14px}button,select,input{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--border);background:white;color:#545556;border-radius:7px;padding:9px 13px;transition:background .15s}button:hover{background:#E4F9F9;color:#004D4E}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #16DFE5;outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin-top:0}h2{font-size:15px;margin-bottom:0}h3{font-size:16px;margin-top:25px}p{line-height:1.7;color:#545556}svg text{fill:#545556;font-family:inherit;font-size:15px}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;border-right:1px solid var(--border);background:#FEFFFF;padding:30px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-1px;margin:0 12px 45px}.brand-icon{display:grid;place-items:center;background:#009096;color:white;width:37px;height:37px;border-radius:11px;font-size:37px;font-weight:400}.brand-sub{display:block;font-size:8px;letter-spacing:2px;color:#545556;margin-top:5px;font-weight:600}.sidebar-label{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#545556;margin:0 14px 16px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;text-align:left;padding:13px 14px;margin-bottom:5px;font-size:12px;font-weight:600}.nav-item>span:first-child{font-size:19px;font-weight:400}.nav-item.selected{background:#E4F9F9;color:#009096}.live-dot{margin-left:auto;width:6px;height:6px;background:#009096;border-radius:50%}.circuits-label{display:flex;justify-content:space-between;margin-top:34px}.circuits-label span{background:#f0f2f5;padding:2px 5px;border-radius:4px}.family-label{font-size:11px;color:#545556;margin:15px 15px 10px}.circuit-link{display:flex;align-items:center;gap:10px;border:0;width:100%;padding:9px 14px;text-align:left;font-size:12px;margin:2px 0}.mini-chip{border:1px solid #dde2e8;display:inline-grid;place-items:center;width:23px;height:23px;border-radius:5px;font-size:10px;color:#545556}.circuit-link.active{color:var(--accent);background:#E4F9F9;font-weight:600}.circuit-link.active .mini-chip{border-color:#16DFE5;color:var(--accent)}.small-arrow{margin-left:auto}.sidebar-bottom{margin-top:auto;padding:24px 12px 0;font-size:10px;color:#545556;border-top:1px solid var(--border)}.sidebar-bottom>span:last-of-type{display:block;font-size:9px;color:#545556;margin:9px 0 17px}.sidebar-bottom button{border:0;padding:0;font-size:11px;color:#545556}.green-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#009096;margin-right:6px}.workspace{margin-left:235px}.topbar{height:69px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#FEFFFF;font-size:11px;color:#545556}.topbar span:not(.version){margin:0 14px;color:#c3cbd3}.topbar b{font-weight:500;color:#545556}.top-actions{display:flex;align-items:center;gap:12px}.top-actions button{padding:5px 7px;border:0;font-size:12px}.version{font-size:9px;background:#f5f6f8;border:1px solid var(--border);border-radius:4px;padding:3px 6px}main{max-width:1600px;padding:33px 36px 0;margin:auto}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#004D4E;font-weight:700;margin-bottom:12px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}h1{font-size:28px;letter-spacing:-.8px;font-weight:650;margin-bottom:10px}.beta{font-size:8px;color:#004D4E;background:#E4F9F9;border:1px solid #16DFE5;border-radius:4px;letter-spacing:1px;padding:4px 6px;vertical-align:middle;margin-left:14px;white-space:nowrap}.page-heading p{font-size:12px;margin:0;color:#545556}.reset-button{font-size:11px;padding:9px 14px}.toolbar{display:flex;align-items:center;gap:20px;background:#FEFFFF;border:1px solid var(--border);border-radius:10px;margin-bottom:23px;padding:13px 18px}.device-select{display:flex;align-items:center;gap:14px}.device-select>span{font-size:9px;color:#545556;letter-spacing:1px;font-weight:600}select{background:#FEFFFF;color:#1E2228;border:1px solid var(--border);border-radius:6px;padding:8px 28px 8px 10px;font-size:11px}.device-select select{font-weight:600;min-width:175px}.mode-switch{display:flex;border-left:1px solid var(--border);padding-left:20px;gap:4px}.mode-switch button,.segmented button{font-size:10px;border:0;padding:7px 11px;background:transparent}.mode-switch button.chosen{background:#E4F9F9;color:var(--accent)}.ideal{margin-left:auto;font-size:10px;color:#545556;white-space:nowrap}.lab-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(275px,1fr);gap:20px}.panel{background:white;border:1px solid var(--border);border-radius:11px;overflow:hidden;box-shadow:0 2px 4px #28384802}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:17px 21px;border-bottom:1px solid #f0f2f5;gap:10px}.panel-icon{color:#004D4E;font-size:18px;vertical-align:middle;margin-right:7px}.segmented{display:flex;background:#f6f7f9;border:1px solid #edf0f3;border-radius:6px;padding:2px}.segmented button{padding:5px 10px}.segmented button.chosen{background:white;box-shadow:0 1px 3px #20203012;color:#004D4E;border-radius:4px}.circuit-meta{display:flex;gap:12px;align-items:center;padding:17px 21px 0;font-size:9px;color:#545556}.circuit-meta select{margin-left:auto;font-size:9px;border:0;background:#f8f9fb;padding:5px}.tag{font-size:8px;letter-spacing:.7px;background:#f7f8fa;border:1px solid #e9edf1;border-radius:4px;padding:4px 7px;color:#545556;white-space:nowrap}.schematic-wrap{margin:10px 15px 0;overflow:auto}.schematic-wrap svg{display:block;width:100%;min-width:440px;height:250px}.chip{fill:#E4F9F9;stroke:#009096;stroke-width:2}.wire{fill:none;stroke:#939D9F;stroke-width:2.5}.wire.high{stroke:#009096}.wire.unknown{stroke:#F8A024;stroke-dasharray:5 3}.pin{fill:#939D9F}.pin.high{fill:#009096}.pin.unknown{fill:#F8A024}.device-label,.gate-label{text-anchor:middle;font-size:25px;font-weight:600;fill:#004D4E}.pin-label{font-size:13px}.bit-label{font-size:14px}.output-bit{font-size:24px;font-weight:600}.svg-note{font-size:11px;fill:#939D9F;text-anchor:middle}.legend{display:flex;align-items:center;justify-content:center;gap:18px;font-size:9px;color:#545556;padding:7px 15px 16px}.legend span{display:flex;gap:5px;align-items:center}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.legend-dot.high{background:#009096}.legend-dot.low{background:#939D9F}.legend-dot.unknown{background:#F8A024}.legend button{border:0;font-size:9px;padding:3px 5px}.explanation{margin:0 20px 18px;background:#E4F9F9;border:1px solid #E4F9F9;border-radius:7px;padding:12px;display:flex;gap:10px;color:#009096}.explanation b{font-size:10px;color:#004D4E}.explanation p{font-size:10px;margin:4px 0 0;color:#004D4E;line-height:1.5}.control-body{padding:19px 21px}.section-label{font-size:8px;letter-spacing:1.2px;font-weight:600;color:#545556;display:flex;justify-content:space-between}.signal-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-bottom:17px;border-bottom:1px solid #f2f4f7}.signal-row b{font-size:17px;font-weight:600}.signal-row div>span{font-size:10px;color:#545556;display:block;margin-top:3px}.toggle{padding:5px 7px;background:#edf0f3;border:1px solid #e3e7eb;display:flex;gap:15px;align-items:center;min-width:66px;justify-content:space-between;color:#545556}.toggle i{height:20px;width:20px;border-radius:4px;background:white;box-shadow:0 1px 2px #3331;order:-1}.toggle.on{background:#E4F9F9;color:#004D4E;border-color:#16DFE5}.toggle.on i{order:1;background:#009096}.toggle span{font-size:11px;font-weight:600;margin:0 3px}.clock-label{margin-top:21px}.primary{background:#009096;color:white;border-color:#009096}.primary:hover{background:#004D4E;color:white}.pulse{width:100%;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;padding:12px}.pulse>span:first-child{font-size:23px;line-height:15px}.pulse>span:last-child{font-size:9px;color:#ded2ef;margin-left:auto}.clock-controls{display:flex;gap:7px;margin-top:9px}.clock-controls button,.clock-controls select{font-size:9px;padding:7px 8px;flex:1}.clock-controls select{min-width:57px;flex:0.6}.init-controls{display:flex;gap:9px;margin-top:10px}.init-controls button{flex:1;font-size:10px;padding:7px}.state-panel{grid-column:1/-1;display:flex;align-items:center;padding:17px 22px;gap:24px}.state-heading{min-width:110px}.state-heading h2{font-size:12px;margin-bottom:10px}.state-heading .tag{font-size:7px}.output-card{display:grid;grid-template-columns:28px 43px;column-gap:15px;align-items:center;border-left:1px solid var(--border);padding-left:24px;min-width:155px}.output-card>span{grid-column:1/-1;font-size:7px;letter-spacing:1px;color:#545556;margin-bottom:6px}.output-card b{font-size:21px;font-weight:500}.output-card strong{font-size:23px;font-weight:550;padding:6px 10px;background:#f1f3f5;border-radius:7px;text-align:center}.output-card strong.high{background:#E4F9F9;color:#004D4E}.output-card strong.unknown{background:#fff5df;color:#9E3C00}.state-detail{font-size:10px;color:#545556;display:flex;gap:17px;flex:1;justify-content:center;border-left:1px solid var(--border)}.state-detail>span{display:flex;flex-direction:column;gap:9px}.state-detail b{color:#004D4E;font-size:13px;font-weight:500}.state-status{color:#545556;background:#E4F9F9;padding:7px 9px;border-radius:6px;font-size:9px;white-space:nowrap}.timing-panel{grid-column:1/-1}.timing-panel .panel-header{padding-bottom:13px}.panel-header p{font-size:10px;margin:5px 0 0 29px;color:#545556}.wave-actions{display:flex;gap:6px;align-items:center}.wave-actions button{font-size:13px;padding:5px 10px}.wave-actions select{font-size:9px;padding:7px}.wave-scroll{overflow-x:auto;margin:17px 21px 8px}.wave-scroll svg{width:100%;min-width:700px;display:block}.axis{font-size:9px;fill:#545556}.trace-name{font-size:12px;font-weight:600}.timeline-controls{border-top:1px solid #f0f2f5;padding:11px 21px;display:flex;align-items:center;gap:20px;font-size:9px;color:#545556}.timeline-controls>div{display:flex;align-items:center;gap:6px;white-space:nowrap}.timeline-controls button{padding:2px 8px;font-size:17px}.timeline-controls b{color:#004D4E}.timeline-controls input{flex:1;accent-color:#009096;min-width:30px}.timeline-controls>span{white-space:nowrap}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}summary{cursor:pointer;list-style:none;font-size:12px;font-weight:600;padding:20px}summary:before{content:'⌄';color:#545556;margin-right:9px}summary>span{float:right;font-size:7px;letter-spacing:1px;color:#545556}.details-body{padding:0 21px 20px}.details-body p{font-size:11px}.equation{font-family:Consolas,monospace;background:#E4F9F9;border:1px solid #E4F9F9;border-radius:6px;padding:12px;font-size:12px;color:#004D4E}.text-button{border:0;color:#004D4E;font-size:10px;padding:13px 0 0}.fine{font-size:10px;margin-top:12px}table{border-collapse:collapse;width:100%;font-size:11px}th,td{padding:10px;border-bottom:1px solid var(--border);text-align:left}th{font-size:10px;color:#004D4E;font-weight:600}.learning-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.article{padding:27px}.article h2{font-size:23px;margin-bottom:18px}.article p,.article li{font-size:13px;line-height:1.8}.article details{border-bottom:1px solid var(--border)}.article details p{padding:0 20px 15px}.article>button{margin-top:20px}.notice,.prediction{padding:15px 20px;border:1px solid #16DFE5;background:#E4F9F9;border-radius:8px;font-size:12px;color:#004D4E;margin-bottom:20px}.prediction{margin-top:20px;display:flex;gap:10px;align-items:center}.prediction b{margin-right:auto}.danger{background:#fff0ec!important;border-color:#f0d6cb!important;color:#9E3C00!important}.danger p,.danger b{color:#9E3C00}footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#545556;padding:26px 0}footer>span:first-child{color:#545556}footer>span:first-child>span{margin:0 7px}.brand-mark{font-size:19px;color:#009096;vertical-align:middle}.skip{position:fixed;top:-50px;left:20px;z-index:10;background:white;padding:10px}.skip:focus{top:10px}.large-text{font-size:17px}.large-text main{zoom:1.13}@media(min-width:1450px){main{padding-top:40px}.schematic-wrap svg{height:290px}.control-body{padding-top:25px}.signal-row{margin-top:23px}.clock-label{margin-top:27px}}@media(max-width:1150px){.sidebar{width:200px;padding:26px 12px}.workspace{margin-left:200px}main{padding:25px 22px 0}.topbar{padding:0 22px}h1{font-size:23px}.beta{display:none}.ideal{display:none}.lab-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.state-panel{gap:15px;padding:17px}.output-card{min-width:110px;padding-left:15px;gap:8px}.state-detail{gap:10px}.state-status{white-space:normal;max-width:100px}.legend{gap:10px}.panel-header{padding:16px}.clock-controls{flex-wrap:wrap}}@media(max-width:850px){.sidebar{position:static;width:auto;padding:13px 18px;display:block;border-bottom:1px solid var(--border)}.brand{margin:0;font-size:22px}.brand-sub{font-size:7px}.brand-icon{width:31px;height:31px;font-size:30px}.sidebar nav{display:flex;position:absolute;right:12px;top:12px}.nav-item{width:auto;padding:8px;font-size:10px;margin:0}.nav-item span:first-child{font-size:15px}.sidebar-label,.family-label,.circuit-link,.sidebar-bottom{display:none}.workspace{margin-left:0}.topbar{height:48px}.page-heading{gap:10px}.page-heading p{font-size:11px}.lab-grid{grid-template-columns:minmax(0,1fr) 280px}.state-panel{flex-wrap:wrap}.state-heading{min-width:90px}.state-detail{flex:1}.state-status{max-width:none}.toolbar{gap:10px;padding:12px}.mode-switch{padding-left:10px}.device-select{gap:8px}.device-select>span{display:none}.learning-grid{grid-template-columns:1fr}}@media(max-width:650px){main{padding:23px 14px 0}.topbar{padding:0 16px}.topbar span:not(.version){margin:0 6px}.eyebrow{font-size:7px;letter-spacing:1.1px}h1{font-size:22px}.page-heading{align-items:flex-start}.page-heading p{font-size:10px;max-width:260px}.reset-button{font-size:9px;padding:8px}.toolbar{flex-wrap:wrap}.device-select{flex:1}.device-select select{min-width:160px;width:100%}.mode-switch{border:0;padding-left:0}.mode-switch button{font-size:9px;padding:7px 8px}.lab-grid{grid-template-columns:1fr;gap:15px}.controls-panel{grid-row:2}.control-body{display:grid;grid-template-columns:1fr 1fr;gap:10px 17px}.control-body>.section-label,.control-body>.pulse,.control-body>.clock-controls,.control-body>.init-controls{grid-column:1/-1}.signal-row{margin-top:4px;padding-bottom:10px}.clock-label{margin-top:8px}.pulse{margin-top:0}.clock-controls{margin-top:0}.state-panel{gap:14px}.state-heading{min-width:80px}.output-card{min-width:90px;padding-left:13px;grid-template-columns:20px 34px}.output-card>span{font-size:6px}.output-card strong{font-size:20px}.state-detail{justify-content:flex-start;border:0;min-width:170px;gap:25px}.state-detail>span{flex-direction:row;gap:8px}.state-status{margin-left:auto}.bottom-grid{grid-template-columns:1fr;gap:15px}.timeline-controls{padding:10px 14px;gap:10px}.timeline-controls>span{display:none}.wave-scroll{margin:10px}.schematic-wrap svg{height:210px}.legend{font-size:8px}.panel-header{padding:14px}.panel-header h2{font-size:12px}.wave-actions{gap:4px}.wave-actions button{padding:4px 8px}.panel-header p{font-size:8px}.sidebar .nav-item{font-size:0;gap:0}.sidebar .nav-item>span{font-size:21px}.sidebar .nav-item .live-dot{display:none}footer{font-size:8px;gap:10px}footer>span:last-child{max-width:120px;text-align:right}.article{padding:20px}.article details summary{padding:15px 0}.circuit-meta{padding:14px 15px 0}}@media print{.sidebar,.topbar,.toolbar,.reset-button,button,footer{display:none}.workspace{margin:0}main{padding:0}.panel{break-inside:avoid}.lab-grid,.learning-grid{display:block}.panel{margin-bottom:15px}details{display:block}details>*{display:block}.article{border:0}}
:root {
  --cor-ciano: #16DFE5;
  --cor-teal: #009096;
  --cor-teal-escuro: #004D4E;
  --cor-laranja-queimado: #9E3C00;
  --cor-laranja: #D86018;
  --cor-dourado: #F8A024;
  --cor-cinza-medio: #939D9F;
  --cor-cinza-claro: #C2C0BF;
  --cor-cinza-escuro: #545556;
  --cor-branco: #FEFFFF;
  --cor-preto: #000000;
  --cor-grafite: #1E2228;
  --cor-azul-marinho: #182038;
}


/* Marca e navegação: o menu mantém sua própria rolagem em telas baixas. */
.sidebar {
  height: 100vh;
  height: 100dvh;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--cor-teal) #E4F9F9;
}
.sidebar > * { flex-shrink: 0; }
.sidebar::-webkit-scrollbar { width: 7px; }
.sidebar::-webkit-scrollbar-track { background: #E4F9F9; }
.sidebar::-webkit-scrollbar-thumb { background: var(--cor-teal); border-radius: 6px; }
.sidebar-bottom { margin-top: auto; flex-shrink: 0; }
.brand-icon, .primary { background: var(--cor-ciano); color: var(--cor-teal-escuro); }
.primary { border-color: var(--cor-teal); font-weight: 600; }
.primary:hover { background: var(--cor-teal-escuro); color: var(--cor-branco); }
.pulse > span:last-child { color: var(--cor-teal-escuro); }
.primary:hover > span:last-child { color: var(--cor-branco); }
.nav-item.selected, .circuit-link.active { color: var(--cor-teal-escuro); }
.circuit-link.active { box-shadow: inset 3px 0 var(--cor-teal); }
.beta { background: #FFF2DC; border-color: var(--cor-dourado); color: var(--cor-laranja-queimado); }
.output-card strong.unknown { color: var(--cor-laranja-queimado); border: 1px solid var(--cor-dourado); }
.equation, .explanation { border-color: #B9E4E5; }
.explanation b, .explanation p { color: var(--cor-teal-escuro); }
.live-dot { background: var(--cor-teal); }
@media (max-width:850px) {
  .sidebar { height: auto; overflow: visible; overscroll-behavior-y: auto; }
}


/* Inspeção sincronizada de eventos no diagrama temporal. */
.wave-scroll svg { width: auto; min-width: 100%; height: auto; }
.event-target { cursor: pointer; }
.event-target:hover > rect { fill: #009096; fill-opacity: .06; }
.event-target:focus, .event-target:focus-visible { outline: none; }
.event-target > .event-hit-area { stroke: none; }
.event-focus { visibility: hidden; pointer-events: none; }
.event-target:focus-visible .event-focus { visibility: visible; }
.event-inspector { margin: 4px 21px 17px; padding: 14px 16px; border: 1px solid #B9E4E5; border-radius: 8px; background: #F1FAFA; }
.event-inspector-heading { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; color: var(--cor-teal-escuro); }
.event-inspector-heading b { font-size: 12px; }
.event-inspector-heading > span { font-size: 11px; color: var(--cor-cinza-escuro); }
.event-values { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.event-value { display: inline-flex; align-items: center; gap: 12px; padding: 6px 10px; background: white; border: 1px solid #C2C0BF; border-radius: 5px; color: var(--cor-cinza-escuro); font-size: 12px; }
.event-value.high { border-color: var(--cor-teal); color: var(--cor-teal-escuro); }
.event-value.unknown { border-color: var(--cor-dourado); color: var(--cor-laranja-queimado); }
.event-inspector p { margin: 10px 0 0; font-size: 12px; color: var(--cor-teal-escuro); }
@media (max-width:650px) { .event-inspector { margin: 4px 10px 12px; padding: 12px; } }