.tunet-surface.portal-layer{position:fixed;inset:0;overflow-y:auto}.tunet-surface .rail-org:empty{display:none}.tunet-surface .rail-enter{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--line)}.tunet-surface .rail-enter .btn{width:100%;justify-content:center}.tunet-surface .room-name{display:flex;align-items:center;gap:.5rem;min-width:0}.tunet-surface .room-name strong{overflow-wrap:anywhere}.tunet-surface .here-now{color:var(--dim);font-variant-numeric:tabular-nums}.tunet-surface .here-now[data-occupied=true]{color:var(--status-ok);font-weight:600}.tunet-surface .export-thumb{display:block;width:96px;height:auto;max-height:72px;object-fit:contain;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control);padding:.15rem;cursor:pointer}.tunet-surface .export-name-form{display:flex;gap:.4rem;align-items:center}.tunet-surface .export-name-input{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--accent);border-radius:var(--radius-control);padding:.2rem .4rem;min-width:10rem}.tunet-surface .export-actions{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.tunet-surface .export-delete-confirm{display:flex;gap:.4rem;align-items:center}.tunet-surface .export-danger{color:var(--status-warn)}.tunet-surface .export-text-cell{display:flex;flex-direction:column;gap:.3rem;max-width:22rem}.tunet-surface .export-text-body{white-space:pre-wrap;word-break:break-word;user-select:text}.tunet-surface .export-text-status{font-size:.85em}.tunet-surface .export-text-muted{color:var(--muted)}.tunet-surface .export-mermaid-preview{display:block;width:96px;max-height:72px;overflow:hidden;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-control);padding:.15rem .3rem;margin:0;font-family:var(--font-mono);font-size:.6rem;line-height:1.15;white-space:pre-wrap;word-break:break-word;user-select:text;cursor:pointer}.tunet-surface .export-mermaid-viewer{max-width:min(92vw,1200px);max-height:70vh;overflow:auto;background:var(--surface-sunken);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-control);padding:.75rem;margin:0;font-family:var(--font-mono);font-size:.85rem;white-space:pre-wrap;word-break:break-word;user-select:text}.tunet-surface .export-viewer-overlay{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:100}.tunet-surface .export-viewer-panel{background:var(--surface);color:var(--text);padding:1rem;border-radius:var(--radius-card);max-width:min(92vw,1200px);max-height:90vh;overflow:auto;display:flex;flex-direction:column;gap:.75rem}.tunet-surface .export-viewer-panel img{max-width:100%;height:auto;display:block;border:1px solid var(--line)}.tunet-surface .export-viewer-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.tunet-surface .controls-intro{color:var(--muted)}.tunet-surface .controls-binding-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.tunet-surface .controls-binding{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.tunet-surface .controls-hand-badge{font-size:.75em;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);min-width:7rem}.tunet-surface .card-padded{padding:1.25rem 1.5rem}.tunet-surface .card-padded h2{margin:0 0 .5rem;font-size:.9375rem}.tunet-surface .card-padded>p{margin:0 0 .75rem;max-width:70ch}.tunet-surface .card-padded>p:last-child{margin-bottom:0}.tunet-surface .prose{max-width:70ch}.tunet-surface .prose p{margin:0 0 .75rem}.tunet-surface .prose p:last-child{margin-bottom:0}.tunet-surface .invite-handover{display:flex;flex-direction:column;gap:.5rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--line);background:var(--accent-quiet)}.tunet-surface .invite-address{font-size:1rem;overflow-wrap:anywhere}.tunet-surface .invite-steps{margin:0;padding-left:1.125rem;color:var(--muted);font-size:.8125rem}.tunet-surface .diagram-meta{margin:-.5rem 0 1rem}.tunet-surface .diagram-stage{display:flex;flex-direction:column;overflow:hidden;padding:0}.tunet-surface .diagram-stage[data-expanded=true]{position:fixed;inset:0;z-index:70;margin:0;border-radius:0;border:0;max-width:none}.tunet-surface .diagram-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem 1rem;border-bottom:1px solid var(--line);flex:0 0 auto}.tunet-surface .diagram-stage-bar .btn{min-height:44px}.tunet-surface .diagram-stage-canvas{position:relative;flex:1 1 auto;height:clamp(320px,55vh,620px);background:#12151a}.tunet-surface .diagram-stage[data-expanded=true] .diagram-stage-canvas{height:auto}.tunet-surface .diagram-canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.tunet-surface .diagram-canvas:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.tunet-surface .diagram-stage-fallback{display:flex;align-items:center;justify-content:center;height:100%;margin:0;padding:1.5rem;text-align:center}.tunet-surface .diagram-shape-list{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.375rem}.tunet-surface .diagram-shape-group{display:flex;align-items:baseline;gap:.625rem;flex-wrap:wrap}.tunet-surface .diagram-shape-count{min-width:2ch;text-align:right;font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.tunet-surface .diagram-shape-type{color:var(--text)}.tunet-surface .diagram-shape-labels{flex:1 1 12rem;overflow-wrap:anywhere}.tunet-surface .diagram-export-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.tunet-surface .diagram-export{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tunet-surface .diagram-export .btn{min-height:44px;margin-left:auto}@media(max-width:468px){.tunet-surface .diagram-stage-canvas{height:clamp(240px,42vh,420px)}.tunet-surface .diagram-stage-bar{flex-wrap:wrap;gap:.5rem}.tunet-surface .diagram-stage-bar .btn{flex:1 1 auto}.tunet-surface .diagram-export .btn{margin-left:0;flex:1 1 auto}}.tunet-surface .sharing-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.tunet-surface .sharing-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.5rem 0;border-top:1px solid var(--line)}.tunet-surface .sharing-row-main{display:flex;flex-direction:column;gap:.125rem;flex:1 1 14rem;min-width:0;overflow-wrap:anywhere}.tunet-surface .sharing-row .btn{min-height:44px;margin-left:auto}.tunet-surface .share-disclosure{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.875rem 1rem;border:2px solid var(--accent);border-radius:.5rem;background:var(--surface-sunken)}.tunet-surface .share-disclosure .field{width:100%;font-family:var(--font-mono)}.tunet-surface .share-disclosure .btn{min-height:44px}.tunet-surface .share-disclosure-warning{margin:0;color:var(--text);font-size:.8125rem}.tunet-surface .shared-main{padding:1.5rem clamp(1rem,4vw,2.5rem);overflow-y:auto}.tunet-surface .shared-head{margin-bottom:1rem}.tunet-surface .shared-stage .diagram-stage-canvas{height:clamp(360px,70vh,900px)}.tunet-surface .shared-dead-end h1{margin:0 0 .5rem;font-size:1.125rem}.tunet-surface .shared-dead-end p{margin:0 0 .25rem}@media(max-width:468px){.tunet-surface .sharing-row .btn,.tunet-surface .share-disclosure .btn{margin-left:0;flex:1 1 auto}.tunet-surface .shared-main{padding:1rem .75rem}.tunet-surface .shared-stage .diagram-stage-canvas{height:clamp(300px,72vh,620px)}}