body{font-family:'Segoe UI',Arial,sans-serif;background:#252a31;color:#d9e0e8;grid-template-rows:auto minmax(0,1fr) auto;font-size:12px}button,select{border-radius:2px}header{display:block;padding:0;background:#272d35;color:#ddd;border-bottom:1px solid #111}header .app-title{height:32px;display:flex;align-items:center;gap:12px;padding:0 14px;background:#171d23;font-size:12px}.app-title b{font-size:14px;color:white}.app-title .app-mark{background:#ae3a30;color:white;width:22px;height:22px;display:grid;place-items:center;font-weight:bold}.app-title span:last-child{margin-left:auto;font-size:10px;color:#9eacba}.ribbon-tabs{height:30px;display:flex;align-items:stretch;background:#222830;padding-left:8px;gap:2px}.ribbon-tabs button{background:transparent;color:#c6cfd8;border:0;padding:0 17px;border-bottom:2px solid transparent}.ribbon-tabs button.active{background:#39434f;color:white;border-color:#4aabe2}.ribbon-deck{display:flex;gap:0;min-height:79px;align-items:stretch;padding:5px 6px;background:#333c47}.ribbon-deck section{border-right:1px solid #505b66;padding:1px 10px 17px;position:relative;display:flex;align-items:center;gap:5px}.ribbon-deck section:after{content:attr(data-name);position:absolute;bottom:0;left:0;right:0;text-align:center;color:#a9b4bf;font-size:10px}.ribbon-deck button,.ribbon-deck select{background:#3e4854;border:1px solid #65717e;color:#edf1f6;font-size:11px;padding:7px}.ribbon-deck button.active{background:#244f6f;border-color:#5eaadd}.ribbon-deck button:hover{background:#566372}.ribbon-deck button:disabled{opacity:.3}#app{grid-template-columns:255px minmax(300px,1fr) 290px;min-height:0}#app>aside{background:#272e37;color:#d2dbe4;border-color:#13191f;padding:0;overflow:auto}#props{padding:12px!important;border-left:1px solid #151d25}#app h3{font-size:12px;color:#eff3f6}#props h3{background:#3b4551;margin:16px -12px 6px;padding:7px 12px;font-weight:500}#props p{font-size:11px;color:#a9b7c5}#props label{color:#afbdca;font-size:11px}#props input,#props textarea{background:#1d242c;color:#e4ecf4;border:1px solid #546474;padding:6px;font-size:12px}#props button{background:#3c4855;border-color:#5c6c7b;color:#e4edf4;font-size:11px;padding:6px}#props .danger{color:#ffb0a6}#props .compact-properties{border-color:#4a5663}#props a{color:#8ecbf4}.side-tabs{display:flex;background:#1e252c;position:sticky;top:0;z-index:5}.side-tabs button{flex:1;padding:10px 4px;border:0;background:transparent;color:#aebac6;border-bottom:2px solid transparent;font-size:11px}.side-tabs .active{color:#fff;border-color:#68b7e8;background:#354250}.side-search{padding:9px;border-bottom:1px solid #131c24;background:#272f38;position:sticky;top:35px;z-index:4}.side-search input{background:#1b222a;color:#dce6f0;border:1px solid #536170;font-size:11px;padding:7px}.side-panel{padding:8px}.side-panel[hidden],.ribbon-deck[hidden]{display:none!important}#palette .palette{display:flex;align-items:center;gap:8px;background:#303a45;border:1px solid #495664;color:#dce5ee;font-size:11px;padding:8px;margin:4px 0}#palette .palette:hover{background:#435568;border-color:#76a9d0}.palette svg{flex-shrink:0;width:33px;height:27px;background:#e7edf1;border-radius:2px}.panel-subtitle{display:flex;align-items:center;justify-content:space-between;padding:7px 3px;color:#93a6b8;font-size:10px}.tree-row{display:flex;align-items:center;gap:3px;border:1px solid transparent;min-height:36px;padding:3px}.tree-row:hover{background:#354351}.tree-row.current{background:#284c66;border-color:#527fa0}.tree-row.is-hidden{opacity:.6}.tree-row button{background:none;color:#b8cbdc;border:0;font-size:12px;padding:4px}.tree-row button.eye{width:24px}.tree-row .tree-select{flex:1;text-align:left;min-width:0}.tree-select strong{font-weight:600;color:#e9eef3}.tree-select small{display:block;color:#a7b6c4;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.tree-row.child{margin-left:18px;border-left:1px solid #52606e}.empty-panel{padding:16px 8px;color:#9bacbb;font-size:11px;line-height:1.6}.wire-row{padding:9px 7px;background:#303b47;margin:4px 0;border:1px solid #455562;cursor:pointer}.wire-row small{display:block;margin-top:4px;color:#a5b7c7;word-break:break-word}.wire-row.current{border-color:#76bce8}.wire-row.is-hidden{opacity:.55}#stage{background:#1e2731;position:relative}.workspace-head{position:sticky;top:0;left:0;height:30px;display:flex;align-items:center;gap:14px;background:#293440;color:#a9b8c7;z-index:4;min-width:100%;padding:0 12px;font-size:10px}.workspace-head b{color:#e0e8ef;font-weight:500}.workspace-head .sheet-state{margin-left:auto}.command-bar{display:flex;align-items:center;gap:10px;background:#202932;border-top:1px solid #586571;padding:6px 12px;min-height:35px;color:#b4c5d4;font-size:11px}.command-bar input{background:transparent;border:0;border-bottom:1px solid #5b6c7c;color:#e9f2f8;width:270px;padding:4px;font:11px monospace}.command-bar .toggles{margin-left:auto;display:flex;gap:5px}.command-bar button{padding:3px 6px;background:#344250;color:#adc7db;border-color:#556878;font-size:10px}footer{font-size:11px;padding:7px 12px;background:#18212a;color:#b0c6d8;border:0;min-height:31px}dialog{color:#dce6ee;background:#29343f;border-color:#74889a}dialog td{border-color:#536474!important}details summary{cursor:pointer;color:#b9cbd9;padding:8px 0;font-size:11px}.visibility-note{padding:8px;border:1px solid #8c7451;color:#ebcf9b;font-size:11px;line-height:1.5}.frame-title{pointer-events:none}.fold-module{cursor:pointer}.fold-module:hover rect{fill:#c3e8ff}.sheet-frame{pointer-events:none}@media screen{body.cad-dark #paper{background:#202b35}body.cad-dark #paper text{fill:#dce9f4}body.cad-dark #paper .module .body{fill:#202b35;stroke:#b6c9da}body.cad-dark #paper #devices path:not(.preview){stroke:#b4cbdc}body.cad-dark #paper #devices rect:not(.symbol-hit):not(.body){fill:#202b35;stroke:#b4cbdc}body.cad-dark #paper .pin circle{fill:#202b35;stroke:#b8d7ee}body.cad-dark #paper .terminal-label{stroke:#202b35}body.cad-dark #paper .wire-label{stroke:#202b35}body.cad-dark #paper .pin:hover circle{fill:#83e7d6;stroke:white}body.cad-dark #paper .selected-pin circle{fill:#ffc64c;stroke:#ffe09b}body.cad-dark #paper .ugo circle{stroke:#c0d5e4;fill:#202b35}body.cad-dark #paper .fold-module rect{fill:#303f4d!important}body.cad-dark #paper .fold-module text{fill:#9fc9e9}body.cad-dark #paper .selected .body:not(.symbol-hit){stroke:#4fcce8}body.cad-dark #paper .preview{stroke:#72e0ed}body.cad-dark #paper .wire-line{stroke-width:1.5}body.cad-dark #paper .net-selected .wire-line{stroke:#ffe66b!important;stroke-width:2.8}body.cad-dark #paper .sheet-frame path,body.cad-dark #paper .sheet-frame rect{stroke:#6f8598;fill:none}body.cad-dark #paper .sheet-frame text{fill:#91a6b9}}@media(max-width:1250px){#app{grid-template-columns:220px minmax(250px,1fr) 250px}.ribbon-deck section{padding-left:5px;padding-right:5px}.ribbon-tabs button{padding:0 12px}}@media print{header,.command-bar,.workspace-head,#app>aside,footer{display:none!important}body{display:block;background:white;height:auto}#app{display:block}#stage{overflow:visible;background:white}}
body{grid-template-rows:auto minmax(0,1fr) auto auto}
.panel-caption{font-size:10px;color:#aab9c6}.side-panel .palette[hidden]{display:none!important}
@media screen{body.cad-dark #paper .body{stroke-width:1}body.cad-dark #paper .group-title{fill:#8ca8bb}body.cad-dark #paper #devices path.ugo-stroke{stroke:#d7e5ef}body.cad-dark #paper .grid{opacity:.8}}
#paper .pin>rect{fill:transparent!important;stroke:none!important}
#paper .net-selected .wire-line{stroke:#e69a25!important;stroke-width:2.8}
