.tri-canvas-wrap,.tri-panel{border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:.75rem}.tri-canvas-wrap{margin-top:.75rem;position:relative;overflow:hidden}#tri-canvas{width:100%;height:clamp(360px,48vw,560px);display:block}.tri-canvas-wrap:fullscreen{box-sizing:border-box;width:100vw;height:100vh;padding:1rem}.tri-canvas-wrap:fullscreen #tri-canvas{height:calc(100vh - 2rem)}.tri-canvas-actions{z-index:2;position:absolute;top:.9rem;right:.9rem}.tri-fs-btn{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--panel) 92%, transparent);width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;border-radius:8px;place-items:center;font-size:1.05rem;line-height:1;display:grid}.tri-fs-btn:hover{background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.tri-controls{grid-template-columns:1fr;align-items:stretch;gap:.75rem;display:grid}.tri-mode-row{color:var(--text-dim);gap:.3rem;font-size:.9rem;display:grid}.tri-mode-row select{box-sizing:border-box;width:100%;min-height:2.35rem}.tri-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem;display:grid}.tri-grid label{color:var(--text-dim);gap:.25rem;min-width:0;font-size:.9rem;display:grid}.tri-grid label[hidden]{display:none}.tri-grid input{box-sizing:border-box;width:100%;min-width:0}.tri-grid small{color:color-mix(in srgb, var(--text-dim) 78%, transparent);font-weight:500}.tri-result{gap:.35rem;font-size:.95rem;display:grid}.tri-result-wide{margin-top:1rem}.tri-result-box .bd-row>strong{overflow-wrap:anywhere;min-width:0;max-width:100%;overflow:hidden}.tri-result-box .bd-row strong .katex-display{text-align:left;margin:0}.tri-result-box .bd-row strong .katex{white-space:normal}.tri-result-box .bd-row{align-items:center}.tri-spock-detail{color:var(--text-dim);margin-top:.55rem;font-weight:600}@media (width<=900px){.tri-controls{grid-template-columns:1fr;align-items:stretch}.tri-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tri-result-box .bd-row{grid-template-columns:1fr;gap:.35rem}}@media (width<=560px){#tri-canvas{height:340px}.tri-grid{grid-template-columns:1fr}}