.gr-layout{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}#gr-ctx.sample-context-box,#gr-binet-ctx.sample-context-box{margin:.75rem 0 1rem}.gr-spiral-frame{aspect-ratio:1.618;border:1px solid var(--border,color-mix(in srgb, var(--text) 16%, transparent));background:var(--bg);border-radius:6px;flex:520px;min-width:320px;position:relative;overflow:hidden}.gr-spiral-actions{z-index:2;position:absolute;top:8px;right:8px}.gr-fullscreen-btn{border:1px solid color-mix(in srgb, var(--text) 24%, transparent);background:color-mix(in srgb, var(--bg) 82%, transparent);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:6px;place-items:center;font-size:1rem;display:grid}.gr-fullscreen-btn:hover{color:#ffb52e;border-color:#ffb52e}.gr-spiral-frame:fullscreen{box-sizing:border-box;aspect-ratio:auto;background:var(--bg);width:100vw;min-width:0;max-width:none;height:100vh;padding:16px;display:block}.gr-spiral-frame:fullscreen #gr-spiral{width:100%;height:100%}#gr-spiral{background:#0f1117;border-radius:0;width:100%;height:100%;display:block}.gr-right{flex-direction:column;flex:1;gap:12px;min-width:220px;display:flex}#gr-chart{cursor:crosshair;background:#0f1117;border-radius:6px;width:100%;height:220px;display:block}.gr-formula{background:var(--panel,var(--card-bg,color-mix(in srgb, var(--bg) 94%, var(--text) 6%)));color:var(--text);border:1px solid var(--border,color-mix(in srgb, var(--text) 16%, transparent));border-radius:6px;min-height:56px;padding:10px 12px;font-size:.82rem;overflow:visible}.gr-formula .katex,.gr-formula .katex-display{color:inherit;white-space:normal;max-width:100%;font-size:1em}.gr-formula .katex-display{margin:0}.gr-controls{border:1px solid var(--border,color-mix(in srgb, var(--text) 16%, transparent));background:color-mix(in srgb, var(--bg) 92%, var(--text) 8%);border-radius:6px;flex-wrap:wrap;align-items:center;gap:18px;margin:18px 0 14px;padding:12px 14px;display:flex}.gr-n-row{align-items:center;gap:10px;display:flex}.gr-n-row label{color:var(--text-dim,#888);white-space:nowrap;font-size:.88rem}.gr-n-row input[type=range]{appearance:none;accent-color:#ffb52e;cursor:pointer;background:0 0;width:190px;height:18px}.gr-n-row input[type=range]::-webkit-slider-runnable-track{border:1px solid color-mix(in srgb, var(--text) 28%, transparent);background:color-mix(in srgb, var(--text) 20%, var(--bg));border-radius:999px;height:8px}.gr-n-row input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--bg);background:#ffb52e;border-radius:50%;width:22px;height:22px;margin-top:-7px;box-shadow:0 1px 4px #00000040}.gr-n-row input[type=range]::-moz-range-track{border:1px solid color-mix(in srgb, var(--text) 28%, transparent);background:color-mix(in srgb, var(--text) 20%, var(--bg));border-radius:999px;height:8px}.gr-n-row input[type=range]::-moz-range-thumb{border:2px solid var(--bg);background:#ffb52e;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #00000040}#gr-n-val{color:#ffd15c;text-align:center;min-width:28px;font-size:1.05rem;font-weight:600}.gr-toggle-row{flex-wrap:wrap;gap:8px;display:flex}.gr-toggle-btn{border:1px solid color-mix(in srgb, var(--text) 40%, transparent);background:var(--bg);min-height:34px;color:var(--text);cursor:pointer;border-radius:20px;padding:6px 16px;font-size:.83rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.gr-toggle-btn.active{background:color-mix(in srgb, #ffb52e 18%, var(--bg));color:color-mix(in srgb, #e58d00 80%, var(--text));border-color:#ffb52e}.gr-controls+.expand-section{margin-top:14px}.gr-binet-table{border-collapse:collapse;width:100%;margin-top:4px;font-size:.82rem}.gr-binet-table th{color:#888;text-align:right;border-bottom:1px solid #2a2d3a;padding:4px 8px;font-weight:500}.gr-binet-table th:first-child{text-align:center}.gr-binet-table td{text-align:right;color:#ccc;padding:3px 8px;font-family:monospace;font-size:.8rem}.gr-binet-table td:first-child{text-align:center;color:#888}.gr-binet-table tr:last-child td{color:#ffd15c}@media (width<=600px){.gr-layout{flex-direction:column}.gr-spiral-frame{flex-basis:auto;width:100%;min-width:0}.gr-controls{align-items:stretch}.gr-n-row,.gr-toggle-row{width:100%}.gr-n-row input[type=range]{flex:1;min-width:0}}