.twin-render-mode{display:inline-flex;min-height:38px;border:1px solid #b9cbd8;border-radius:6px;overflow:hidden;background:#fff}
.twin-render-mode button{min-width:88px;border:0;border-right:1px solid #d7e2ea;background:#fff;color:#476174;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.twin-render-mode button:last-child{border-right:0}.twin-render-mode button[aria-pressed=true]{background:#123d58;color:#f3fbff}.twin-render-mode button:focus-visible{position:relative;z-index:1;outline:2px solid #2f9eaf;outline-offset:-2px}
.twin-map-panel{position:relative}.twin-flow-lab{position:absolute;inset:0;overflow:hidden;background:#061a2a}.twin-flow-lab canvas{display:block;width:100%;height:100%;touch-action:none}.twin-map-panel.is-flow-mode #twin-map,.twin-map-panel.is-flow-mode .twin-map-overlay{display:none}.twin-map-panel.is-flow-mode .twin-layer-tools{display:none}
.twin-flow-lab-hud{position:absolute;z-index:2;top:19px;left:19px;display:grid;gap:5px;max-width:min(560px,calc(100% - 38px));color:#e9fbff;text-shadow:0 1px 4px rgba(0,0,0,.58);pointer-events:none}.twin-flow-lab-hud span{font-size:10px;font-weight:800;letter-spacing:.08em;color:#80ead8}.twin-flow-lab-hud strong{font-size:16px;letter-spacing:0}.twin-flow-lab-hud small{font-size:11px;color:#b8dbe6;line-height:1.4}
.twin-flow-evidence{position:absolute;z-index:2;top:18px;right:18px;width:228px;border:1px solid rgba(147,220,225,.26);border-radius:7px;background:rgba(5,25,39,.80);color:#d7edf2;box-shadow:0 14px 34px rgba(0,0,0,.2);backdrop-filter:blur(8px);pointer-events:none}.twin-flow-evidence-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px 9px;border-bottom:1px solid rgba(159,224,230,.16)}.twin-flow-evidence-head span{color:#91cbd7;font-size:10px;font-weight:800;letter-spacing:.08em}.twin-flow-evidence-head strong{color:#a8f1df;font-size:11px}.twin-flow-evidence dl{display:grid;gap:0;margin:0;padding:4px 12px}.twin-flow-evidence dl div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid rgba(159,224,230,.10)}.twin-flow-evidence dl div:last-child{border:0}.twin-flow-evidence dt{color:#93b7c3;font-size:10px}.twin-flow-evidence dd{margin:0;color:#f0fbfc;font-size:10px;font-weight:700;text-align:right}.twin-flow-evidence p{margin:0;padding:8px 12px 11px;border-top:1px solid rgba(159,224,230,.1);color:#9fc1cb;font-size:10px;line-height:1.5}
.twin-flow-lab-tools{position:absolute;z-index:2;right:16px;bottom:16px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:min(460px,calc(100% - 32px))}.twin-flow-lab-tools button{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(177,230,244,.42);border-radius:5px;background:rgba(6,28,44,.78);color:#e5fbff;font:700 16px/1 sans-serif;cursor:pointer;backdrop-filter:blur(6px)}.twin-flow-lab-tools button:hover,.twin-flow-lab-tools button[aria-pressed=true]{background:#15546b}.twin-flow-lab-tools label{display:flex;align-items:center;gap:6px;min-height:34px;padding:0 9px;border:1px solid rgba(177,230,244,.22);border-radius:5px;background:rgba(6,28,44,.78);color:#e5fbff;font-size:11px;font-weight:700;cursor:pointer;backdrop-filter:blur(6px)}.twin-flow-lab-tools input{accent-color:#67dce8}.twin-flow-lab-empty{position:absolute;inset:0;display:grid;place-items:center;color:#c5e1ec;font-size:13px;background:#0b2938}
@media(max-width:720px){.twin-render-mode{width:100%}.twin-render-mode button{flex:1}.twin-flow-lab-hud{top:12px;left:12px;max-width:calc(100% - 24px)}.twin-flow-evidence{top:auto;right:12px;bottom:58px;width:min(228px,calc(100% - 24px))}.twin-flow-evidence p{display:none}.twin-flow-lab-tools{right:12px;bottom:12px}.twin-flow-lab-tools label{padding:0 7px;font-size:10px}}