.coordinate-explorer{color:#1e293b;color-scheme:light;background:#fbfcff;border:1px solid #cbd5e1;border-radius:12px;margin:1.75rem 0;padding:clamp(.8rem,3vw,1.4rem);font:14px/1.5 system-ui,sans-serif}.coordinate-explorer *{box-sizing:border-box}.coordinate-explorer .ce-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.coordinate-explorer h3{color:#1e293b;margin:0;font:600 17px/1.4 system-ui,sans-serif}.coordinate-explorer p{color:#475569;font:inherit;margin:.8rem 0}.coordinate-explorer button{color:#1e293b;font:inherit;cursor:pointer;background:#fff;border:1px solid #94a3b8;border-radius:6px;padding:.5rem .7rem}.coordinate-explorer button[aria-pressed=true]{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.coordinate-explorer :is(button,input):focus-visible{outline-offset:3px;outline:3px solid #7c3aed}.coordinate-explorer .ce-plot{width:100%;max-width:560px;height:auto;margin:.8rem auto;display:block}.coordinate-explorer .ce-actions{flex-wrap:wrap;gap:.5rem;margin:.9rem 0;display:flex}.coordinate-explorer .ce-stage-heading{flex-wrap:wrap;align-items:center}.coordinate-explorer .ce-stage-heading .ce-actions{margin:0}.coordinate-explorer .ce-stats{color:#1e40af;font-variant-numeric:tabular-nums;text-align:center;background:#eff6ff;border-radius:6px;flex-wrap:wrap;justify-content:center;gap:.5rem 1.2rem;padding:.7rem;display:flex}.coordinate-explorer .ce-stats strong{color:#1d4ed8}.coordinate-explorer .ce-note{margin-bottom:0;font-size:12px}.coordinate-explorer .ce-word-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.coordinate-explorer .ce-word-grid label{text-align:center;min-width:0;display:block}.coordinate-explorer .ce-word-grid span{margin-bottom:.35rem;display:block}.coordinate-explorer .ce-word-grid input{color:#1e293b;text-align:center;background:#fff;border:1px solid #94a3b8;border-radius:6px;width:100%;min-width:0;padding:.5rem .25rem;font:600 18px/1.5 system-ui,sans-serif}.coordinate-explorer .ce-compact-word-grid{gap:1rem;width:100%;margin:.8rem 0}.coordinate-explorer .ce-compact-word-grid output{font-variant-numeric:tabular-nums;font-weight:600}.coordinate-explorer .ce-compact-word-grid input[type=range]{accent-color:#1d4ed8;cursor:pointer;border:0;height:24px;margin:0;padding:0;display:block}.coordinate-explorer .ce-vector{text-align:center;color:#1d4ed8;font:600 18px/1.5 monospace}.coordinate-explorer .ce-coordinate-order{text-align:center;font-size:12px}.coordinate-explorer .ce-readers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.coordinate-explorer .ce-reader{background:#fff;border:1px solid #cbd5e1;border-radius:6px;min-width:0;padding:.75rem}.coordinate-explorer .ce-reader h4{color:#1e293b;margin:0;font:600 15px/1.4 system-ui,sans-serif}.coordinate-explorer .ce-reader p{margin:.4rem 0}.coordinate-explorer .ce-reader .ce-calculation{font-variant-numeric:tabular-nums;color:#1d4ed8}.coordinate-explorer .ce-reader dl{margin:.6rem 0 0}.coordinate-explorer .ce-reader dl>div{justify-content:space-between;gap:.5rem;display:flex}.coordinate-explorer .ce-reader dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.coordinate-explorer .ce-classification{text-align:center;background:#e6f5f1;border-radius:6px;padding:.5rem .75rem}.coordinate-explorer .ce-classification p{color:#115e59;margin:.25rem 0}.coordinate-explorer .ce-classification strong{font-family:monospace}.coordinate-explorer .ce-output-score{white-space:nowrap}.coordinate-explorer .ce-reader-vectors{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:.25rem 1.2rem;margin-top:.8rem;display:flex}.coordinate-explorer .ce-reader-vectors p{margin:.2rem 0}.coordinate-explorer .ce-key-color{color:#1d4ed8;font-weight:600}.coordinate-explorer .ce-input-color{color:#a65012;font-weight:600}.coordinate-explorer .ce-projection-color{color:#087f70;font-weight:600}.coordinate-explorer .ce-alignment-plot{max-width:600px}.coordinate-explorer .ce-alignment-legend{flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;font-size:12px;display:flex}.coordinate-explorer .ce-alignment-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1rem 0;display:grid}.coordinate-explorer .ce-alignment-results>div{text-align:center;background:#eff6ff;border-radius:6px;padding:.6rem}.coordinate-explorer .ce-alignment-results span{font-size:12px;display:block}.coordinate-explorer .ce-alignment-results strong{color:#1d4ed8;font-variant-numeric:tabular-nums;font-size:clamp(14px,3vw,22px)}.coordinate-explorer .ce-geometric-equation{text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}@media (width<=480px){.coordinate-explorer .ce-word-grid{grid-template-columns:repeat(3,1fr)}.coordinate-explorer .ce-readers{grid-template-columns:1fr}}.coordinate-explorer button:not([aria-pressed=true]):hover{background:#eff6ff;border-color:#2563eb}.coordinate-explorer .ce-alignment-plot{cursor:grab;touch-action:none;user-select:none}.coordinate-explorer .ce-alignment-plot[data-dragging=true]{cursor:grabbing}.coordinate-explorer .ce-alignment-plot:focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #7c3aed}.coordinate-explorer .ce-zero-axis{background:#eff6ff;border-radius:6px;padding:.7rem}.coordinate-explorer .ce-component-toggle{cursor:pointer;align-items:center;gap:.5rem;margin:.8rem 0;display:flex}.coordinate-explorer .ce-component-toggle input{accent-color:#1d4ed8;width:18px;height:18px}.coordinate-explorer .ce-reader-components{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.7rem}.coordinate-explorer .ce-reader-components>p{margin:.2rem 0 .6rem}.coordinate-explorer .ce-component-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.coordinate-explorer .ce-component-cards>div{border-top:3px solid;min-width:0;padding:.5rem .25rem}.coordinate-explorer .ce-component-cards :is(strong,span,small){display:block}.coordinate-explorer .ce-component-cards strong{font-size:13px}.coordinate-explorer .ce-component-vector{font-variant-numeric:tabular-nums}.coordinate-explorer .ce-component-cards small{color:#64748b;font-size:11px}.coordinate-explorer .ce-component-sum{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:12px}.coordinate-explorer .ce-component-help{font-size:12px}@media (width<=480px){.coordinate-explorer .ce-component-cards{grid-template-columns:1fr}}.coordinate-explorer.compact-coordinate-explorer{box-sizing:border-box;width:100%;max-width:620px;margin:1.25rem auto;padding:.75rem}.coordinate-explorer.compact-coordinate-explorer .ce-plot{max-width:420px;margin:.5rem auto}.coordinate-explorer.compact-coordinate-explorer .ce-alignment-plot{max-width:460px}.coordinate-explorer .ce-alignment-results.ce-score-only{grid-template-columns:1fr;max-width:220px;margin:.75rem auto}.coordinate-explorer .ce-view-position{border:1px solid #cbd5e1;border-radius:8px;min-width:0;margin:.75rem 0;padding:.6rem .75rem .75rem}.coordinate-explorer .ce-view-position legend{padding:0 .3rem;font-weight:600}.coordinate-explorer .ce-view-angles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.coordinate-explorer .ce-view-angles label{gap:.35rem;min-width:0;display:grid}.coordinate-explorer .ce-view-position input{color:#1e293b;width:100%;min-width:0;min-height:44px;font:inherit;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #94a3b8;border-radius:6px;padding:.4rem .5rem}.coordinate-explorer .ce-view-share{align-items:center;gap:.5rem;margin-top:.6rem;display:flex}.coordinate-explorer .ce-view-share input{flex:1;font-family:monospace}.coordinate-explorer .ce-view-share button{flex:none;min-height:44px}@media (width<=400px){.coordinate-explorer .ce-view-angles{grid-template-columns:1fr}.coordinate-explorer .ce-view-share{flex-wrap:wrap}.coordinate-explorer .ce-view-share input{flex-basis:100%}}.coordinate-explorer .ce-classifier-geometry{border-top:1px solid #cbd5e1;margin:1rem 0;padding:.75rem 0}.coordinate-explorer .ce-classifier-geometry h4{text-align:center;margin:0 0 .5rem;font:600 15px/1.4 system-ui,sans-serif}.coordinate-explorer .ce-classifier-geometry svg{width:100%;max-width:480px;height:auto;margin:auto;font:15px system-ui,sans-serif;display:block;overflow:visible}.coordinate-explorer .ce-geometry-label{paint-order:stroke;stroke:#fbfcff;stroke-width:4px;stroke-linejoin:round;font-weight:600}.coordinate-explorer .ce-classifier-geometry figcaption{color:#475569;font:12px/1.5 system-ui,sans-serif}.coordinate-explorer .ce-geometry-values{text-align:center;color:#1d4ed8;font-variant-numeric:tabular-nums;margin:.4rem 0}.coordinate-explorer .ce-geometry-transition{color:#1e40af;text-align:center;font-variant-numeric:tabular-nums;background:#eff6ff;border-radius:6px;padding:.65rem}.coordinate-explorer .ce-geometry-readings{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.coordinate-explorer .ce-geometry-readings p{border-left:3px solid #cbd5e1;min-width:0;padding-left:.65rem;font-size:13px}