.tn-shell{border:1px solid #627694;border-radius:12px;background:#0c182c;margin-top:24px;min-width:0}.tn-shell>summary{padding:15px 18px;min-height:48px;font-weight:700;color:#dceaff}.tensor-studio{--tn-line:#3b5377;--tn-muted:#bdcee5;background:#0b172b;color:#ecf3ff;padding:clamp(12px,2vw,24px);border-radius:0 0 12px 12px;min-width:0;font:400 1rem/1.5 system-ui,sans-serif}.tensor-studio *{box-sizing:border-box}.tensor-studio [hidden]{display:none!important}.tensor-studio h3,.tensor-studio h4,.tensor-studio h5{color:#f4f7ff;line-height:1.2;margin:7px 0 12px}.tensor-studio h3{font-size:clamp(1.45rem,2.3vw,2rem)}.tensor-studio h4{font-size:1.12rem}.tensor-studio h5{font-size:.96rem}.tn-heading{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:16px}.tn-heading p{color:var(--tn-muted);font-size:.9rem;margin:8px 0}.tn-kicker{font-size:.68rem;letter-spacing:.12em;color:#b4befb;font-weight:700}.tn-badge{padding:7px 12px;border:1px solid #7782b0;background:#232e4c;border-radius:22px;font-size:.72rem}.tn-notice{border-left:3px solid #e8b583;background:#233149;padding:12px 14px;font-size:.82rem;color:#efe1d5;max-width:none!important}.tn-toolbar,.tn-actions,.tn-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:16px 0}.tn-toolbar>label,.tn-controls>label{flex:1 1 150px}.tensor-studio label{display:flex;flex-direction:column;gap:7px;font-size:.8rem;color:var(--tn-muted);min-width:0}.tensor-studio input,.tensor-studio select,.tensor-studio button{font:inherit;font-size:.88rem;min-height:44px;min-width:0;max-width:100%;padding:10px 12px;border:1px solid #687d9f;border-radius:7px;background:#1c304f;color:#f0f6ff}.tensor-studio input,.tensor-studio select{width:100%;font-size:1rem}.tensor-studio input[type=range]{padding:0;accent-color:#a6b9ff}.tensor-studio button{cursor:pointer;font-weight:650}.tensor-studio button:hover:not(:disabled){background:#344c76}.tensor-studio button:disabled{opacity:.48;cursor:default}.tensor-studio .tn-primary{background:#435b9d;border-color:#b4c8ff}.tensor-studio :focus-visible{outline:3px solid #ffbc7d;outline-offset:3px}.tn-status{background:#142a48;border:1px solid var(--tn-line);border-radius:7px;padding:12px;min-height:48px;font-size:.82rem;overflow-wrap:anywhere}.tn-context{font-size:.75rem;color:#b5c9e7;padding:9px 0;overflow-wrap:anywhere}.tn-small,.tn-empty{font-size:.79rem;color:var(--tn-muted);overflow-wrap:anywhere;max-width:none!important}.tn-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.tn-tabs button{flex:1 1 95px}.tn-tabs button[aria-pressed=true]{background:#475d91;border-color:#c2d0ff}.tn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.tn-panel{min-width:0;background:#0f2139;border:1px solid var(--tn-line);border-radius:9px;overflow:hidden}.tn-panel>header{padding:15px 16px;background:linear-gradient(100deg,#2a385e,#162841);border-bottom:1px solid var(--tn-line)}.tn-panel>header>span{font-size:.68rem;letter-spacing:.08em;color:#b7c7f0}.tn-panel>header p{font-size:.78rem;color:var(--tn-muted);margin:0}.tn-body{padding:16px;min-width:0}.tn-panel-wide{grid-column:1/-1}.tn-table{max-width:100%;overflow:auto;border:1px solid var(--tn-line);border-radius:7px;overscroll-behavior-x:contain;margin:12px 0}.tn-table table{border-collapse:collapse;min-width:100%;font-size:.78rem;text-align:left}.tn-table th,.tn-table td{padding:9px 10px;vertical-align:top;border-bottom:1px solid var(--tn-line);white-space:nowrap}.tn-table th,.tn-table caption{background:#1c3453;color:#cbd9f0}.tn-table caption{text-align:left;padding:10px;font-size:.74rem}.tn-metadata{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:8px;font-size:.79rem;overflow-wrap:anywhere}.tn-metadata dt{color:var(--tn-muted)}.tn-metadata dd{margin:0;color:#edf4ff}.tn-readouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.tn-readouts>div{padding:11px;border-radius:7px;background:#203756;min-width:0}.tn-readouts span{display:block;font-size:.7rem;color:var(--tn-muted)}.tn-readouts strong{display:block;font-size:1.03rem;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.tensor-studio svg{display:block;width:100%;height:auto;background:#09182b;margin:12px 0;border-radius:8px}.tensor-studio svg text{fill:#d0dff4;font:11px system-ui,sans-serif}.tensor-studio svg [role=button]{cursor:pointer}.tn-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tn-score{padding:12px;background:#253453;border:1px solid #506993;border-radius:8px;font-size:.8rem;min-width:0}.tn-score strong{display:block;margin-top:6px;color:#f2f5ff;font-size:1.1rem}.tensor-studio details{border-top:1px solid var(--tn-line);padding-top:9px;margin-top:14px}.tensor-studio summary{min-height:44px;cursor:pointer;align-content:center;font-size:.84rem}.tensor-studio details li{font-size:.79rem;color:var(--tn-muted)}.tn-footer{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:20px;font-size:.72rem;color:#aebed8}.tn-table button{min-width:100px}.tn-body a{color:#c3d6ff}@media(min-width:1150px){.tn-tabs{display:none}}@media(max-width:1100px){.tn-metadata{grid-template-columns:minmax(0,1fr)}.tn-controls>label{flex-basis:100%}}@media(max-width:720px){.tensor-studio{padding:10px}.tn-grid{grid-template-columns:minmax(0,1fr)}.tn-panel[data-active=false]{display:none}.tn-panel-wide{grid-column:auto}.tn-body{padding:12px}.tn-toolbar>label{flex-basis:100%}.tn-toolbar>button{flex:1 1 130px}.tn-footer{display:grid;gap:8px}.tn-scores{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.tensor-studio *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Pair source/context and dependency/review cards when the inner canvas is readable. */
@media(max-width:1200px){.tn-grid{grid-template-columns:minmax(0,1fr)}.tn-panel-wide{grid-column:auto}}

.tensor-studio .tn-factor-graph text{font-size:12px}