*{box-sizing:border-box}html{font:15px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8f0f4;background:#10212b}body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,input,select{font:inherit}button{min-height:44px;min-width:44px;padding:9px 14px;border:1px solid #415562;border-radius:9px;background:#263c48;color:#f0f6f8;cursor:pointer}button:disabled{opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #76ddd1;outline-offset:2px}.primary,button.active{background:#117e75;border-color:#65c7bc}header{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:12px max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left));padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid #314853;background:#142832}.brand{text-decoration:none;font-size:27px;background:#0d574f;border-radius:10px;color:white;padding:6px 10px;white-space:nowrap}.brand span{font-size:16px;color:#a7edca}.heading{min-width:0;flex:1}.heading b{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:16px}.heading small{font-size:9px;letter-spacing:1px;color:#acbdc7;display:block;margin-top:5px}#welcome{overflow:auto;max-width:600px;padding:36px 24px 24px;margin:auto;text-align:center}.welcome-mark{font-size:38px;color:#7cdece;margin-bottom:22px}#welcome>span{font-size:10px;letter-spacing:2px;color:#81cfc5}h1{font-size:42px;letter-spacing:-1px;line-height:1.12;margin:20px 0}p{line-height:1.6}#welcome>button{display:block;width:100%;margin:12px 0}.privacy{font-size:13px;color:#c1d2db}.muted{color:#9cb2be;font-size:12px}#reader{min-height:0;flex:1;display:flex;flex-direction:column}.controls{padding:10px;display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0;background:#172e39}.controls select,.controls input{background:#0d222c;color:#e7f2f7;border:1px solid #48616d;border-radius:8px;min-height:44px;padding:10px;min-width:0}.controls select{flex:1;max-width:400px}.controls input{width:260px}#tabs{display:flex;gap:5px}#tabs button{padding:8px 12px;font-size:13px}#stage{position:relative;overflow:hidden;flex:1;min-height:160px;background:#f1f5f6;touch-action:none;color:#152f3b;user-select:none;-webkit-user-select:none}#drawing,#drawing>svg{width:100%;height:100%;display:block}#drawing [data-node],#drawing [data-edge],#drawing [data-tile],#drawing [data-page]{cursor:pointer}.zoom{position:absolute;right:12px;bottom:27px;display:flex;gap:5px}.zoom button{background:#163541;box-shadow:0 2px 8px #0002}.gesture-hint{position:absolute;bottom:7px;left:10px;font-size:10px;pointer-events:none;color:#526771;background:#f1f5f6da;padding:2px 4px}footer{display:flex;justify-content:space-between;align-items:center;padding:5px 12px max(5px,env(safe-area-inset-bottom));gap:8px;border-top:1px solid #354c58;flex-shrink:0}footer span{font-size:11px;color:#adbec8}footer button{font-size:12px;padding:7px 10px}#listing{flex:1;min-height:0;overflow:auto;padding:12px}.result{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin-bottom:9px;padding:14px}.result img{width:70px;height:48px;object-fit:contain;background:#f1f5f6;border-radius:6px}.result b,.result small{display:block;overflow-wrap:anywhere}.result small{margin-top:5px;color:#adbec8}.empty{padding:24px;text-align:center;color:#aec2cb}#details{position:fixed;right:0;top:0;bottom:0;z-index:4;width:380px;max-width:100vw;background:#182f3b;border-left:1px solid #4b6875;box-shadow:-6px 0 40px #00101855;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}.detail-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #435c67;flex-shrink:0}.detail-head h2{flex:1;font-size:18px;overflow-wrap:anywhere}.detail-head button{font-size:22px}#detailBody{overflow:auto;padding:16px 0 25px;line-height:1.5;overflow-wrap:anywhere}#detailBody img{width:100%;max-height:180px;object-fit:contain;border-radius:8px;background:#f0f6f7}dl{margin:10px 0}dt{font-size:11px;color:#9fb6c1;margin-top:14px}dd{margin:3px 0 8px;white-space:pre-wrap}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;vertical-align:top;padding:9px 6px;border-bottom:1px solid #445b65}#detailBody h3{font-size:14px;margin-top:24px}.note{background:#334936;padding:12px;border-radius:7px;white-space:pre-wrap}.warning{background:#59452c;padding:12px;border-radius:7px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-grid div{padding:14px;background:#223c49;border-radius:9px}.summary-grid b,.summary-grid small{display:block}.summary-grid small{color:#a9bdc6;margin-top:8px;font-size:11px}#status{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;background:#304854;border:1px solid #718e9b;border-radius:10px;padding:12px 18px;z-index:10;font-size:13px}#loading{position:fixed;inset:0;z-index:12;display:grid;place-items:center;background:#10212be8;color:#dbf9ee}[hidden]{display:none!important}@media(max-width:650px){header{gap:8px}.heading b{font-size:14px}#welcome{padding-top:24px}h1{font-size:36px}.controls select{max-width:none;flex-basis:100%}.controls input{width:100%;order:3;min-height:40px}#tabs{width:100%}#tabs button{flex:1}#details{width:100%;height:64vh;height:64dvh;top:auto;border-top:1px solid #7395a3;border-radius:18px 18px 0 0}.gesture-hint{max-width:65%;font-size:9px}.zoom{right:8px;bottom:30px}.controls{gap:6px;padding:7px}footer span{font-size:10px}}@media(orientation:landscape) and (max-height:500px){.heading small{display:none}header{padding:5px 10px}.controls{flex-wrap:nowrap;padding:5px}.controls select{flex-basis:auto}.controls input{width:180px;order:0}#tabs{width:auto}.gesture-hint{display:none}.zoom{bottom:10px}#details{height:100%;width:350px;top:0;border-radius:0}footer{padding:2px 8px}}
#tabs button[aria-pressed="true"]{background:#117e75;border-color:#65c7bc}#drawing text{font-family:Arial,sans-serif}
/* Dark drawing surface: keep embedded equipment photographs unchanged. */
#stage{background:#14232d;color:#e5eef4}
.gesture-hint{color:#bbceda;background:#14232de8}
#drawing svg[aria-label="Synoptique"]{background:#14232d}
#drawing svg[aria-label="Synoptique"]>g{fill:#e5eef4}
#drawing svg[aria-label="Synoptique"]>g>rect{fill:#203b40;stroke:#6aa99e}
#drawing svg[aria-label="Synoptique"] [data-node]>rect{fill:#263c49;stroke:#7193a5}
#drawing svg[aria-label="Synoptique"] [data-node]>text[fill]{fill:#9fcfff}
#drawing svg[aria-label="Synoptique"] [data-edge] text{paint-order:stroke;stroke:#14232d;stroke-width:3px;stroke-linejoin:round;font-weight:600}
#drawing svg[aria-label="Synoptique"] [data-edge] path:not([stroke="transparent"]){stroke-width:3px}