.cs-controls{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:12px;display:flex}.cs-controls label{gap:4px;min-width:12rem;font-weight:700;display:grid}.cs-type-select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;appearance:none;border:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%) calc(100% - 1rem) 50% / .35rem .35rem no-repeat, linear-gradient(135deg, var(--text-dim) 50%, transparent 50%) calc(100% - .78rem) 50% / .35rem .35rem no-repeat, color-mix(in srgb, var(--bg-surface) 96%, var(--text) 4%);min-height:2.35rem;color:var(--text);font:inherit;border-radius:8px;padding:.35rem 2rem .35rem .6rem}@media (prefers-color-scheme:dark){.cs-type-select{--lightningcss-light: ;--lightningcss-dark:initial}}.cs-type-select:focus{border-color:color-mix(in srgb, var(--accent) 64%, var(--border));outline:2px solid color-mix(in srgb, var(--accent) 28%, transparent);outline-offset:2px}.cs-type-select option{background:var(--bg-surface);color:var(--text)}.cs-zoom-row{align-items:center;gap:10px;margin-top:4px;display:flex}.cs-zoom-row input[type=range]{flex:1;max-width:180px}.cs-zoom-badge{font-variant-numeric:tabular-nums;color:var(--text-dim);min-width:2.2em;font-size:.85rem}.cs-canvas-wrap{margin-bottom:12px;overflow-x:auto}.cs-canvas-wrap canvas{display:block}.cs-result-box{gap:10px;margin-bottom:12px;display:grid}.cs-result-table{border-collapse:collapse;table-layout:fixed;width:100%}.cs-result-table th,.cs-result-table td{border-bottom:1px solid color-mix(in srgb, var(--border) 45%, transparent);vertical-align:top;text-align:left;padding:8px 10px}.cs-result-table th{width:9rem;color:var(--text);font-weight:700}.cs-mode-table th{width:auto;color:var(--text-dim);font-size:.86rem}.cs-result-table td{min-width:0;color:var(--text-dim);overflow-wrap:anywhere}.cs-result-table .katex,.cs-result-table .katex *{white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.cs-result-table .base{display:inline}.cs-mode-table tr.is-selected{background:color-mix(in srgb, var(--accent) 10%, transparent)}@media (width<=720px){.cs-controls label{width:100%;min-width:0}.cs-result-table,.cs-result-table tbody,.cs-result-table thead,.cs-result-table tr,.cs-result-table th,.cs-result-table td{width:100%;display:block}.cs-mode-table thead{display:none}.cs-result-table tr{border-bottom:1px solid color-mix(in srgb, var(--border) 45%, transparent);padding:8px 0}.cs-result-table th,.cs-result-table td{border-bottom:0;padding:3px 0}}
