:root{--text:#24364b;--page:#f3f6f9;--surface:white;--muted:#617286;--accent:#287e76;--border:#dce4eb;--input-border:#bbcbd4;--hover:#edf5f4;--error:#b42318;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--page);font-synthesis:none;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1380px;margin:auto;padding:32px}header{margin-bottom:28px}.eyebrow{color:var(--accent);letter-spacing:.16em;font-size:11px;font-weight:750}h1{letter-spacing:-.04em;margin:6px 0 8px;font-size:36px}p{line-height:1.6}header p{color:var(--muted);margin:0;font-size:14px}nav[aria-label=Resources]{flex-wrap:wrap;gap:8px 18px;display:flex}nav[aria-label=Resources] a{color:var(--accent)}.toolbar{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:20px;margin-bottom:20px;padding:16px 20px;display:flex}fieldset{border:0;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:0;padding:0;display:flex}legend{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px}label{cursor:pointer;font-size:13px}input{accent-color:var(--accent)}button{border:1px solid var(--input-border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:6px;padding:8px 12px;font-size:12px}button:hover{background:var(--hover)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.workspace{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.chart-panel,.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px}.chart-column{gap:20px;min-width:0;display:grid}.scales-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.scales-heading h2{margin:0}.readout-tabs{gap:4px;display:flex}.readout-tabs button{padding:6px 10px}.readout-tabs [aria-selected=true]{color:var(--accent);background:var(--hover);border-color:var(--accent)}.readout-context{min-height:32px;color:var(--muted);overflow-wrap:anywhere;margin-bottom:8px;font-size:11px;line-height:16px}#marker-selection:not([hidden]){flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}#marker-selection label{font-size:inherit}#focus-marker{padding:6px 8px}#marker-select{border:1px solid var(--input-border);background:var(--surface);min-width:0;max-width:100%;color:var(--text);font:inherit;border-radius:4px;padding:3px 6px}#parameter-panel:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.scale-readout{font-variant-numeric:tabular-nums;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin:0 0 8px;font-size:11px;display:grid}.scale-readout>div{border-top:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding-block:4px;display:flex}.scale-readout dt{color:var(--muted)}.scale-readout dd{overflow-wrap:anywhere;margin:0}.chart-panel{padding:12px}#smith{aspect-ratio:1;touch-action:none;width:100%}#smith svg{display:block}.hint{color:var(--muted);font-size:12px}.chart-panel .hint{margin:0 12px 8px}aside{gap:16px;display:grid}.panel{padding:20px}h2{margin:0 0 16px;font-size:14px}.reference-controls{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.reference-controls input{border:1px solid var(--input-border);border-radius:4px;width:100px;padding:5px}.import-reference-option{margin-bottom:16px;font-size:13px;display:block}.file-label{margin-bottom:10px;display:block}input[type=file]{font:inherit;max-width:100%;font-size:12px}#file-status{overflow-wrap:anywhere;margin-bottom:0;font-size:12px}#file-status[data-error=true],#reference-status[data-error=true],#image-status[data-error=true]{color:var(--error)}footer{color:var(--muted);margin-top:24px;font-size:11px}.color-swatch{border-radius:50%;flex:0 0 10px;width:10px;height:10px}.trace-controls{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.trace-appearance{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px;font-size:12px;display:flex}.trace-appearance input{width:64px}.trace-appearance select{max-width:100%}.trace-heading,.trace-actions,.marker-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.trace-heading input[type=text]{flex:1;min-width:100px}#import-parameter,.trace-controls input:not([type=checkbox]),.trace-controls select,.comparison-selectors select{border:1px solid var(--input-border);font:inherit;color:inherit;background:var(--surface);border-radius:4px;padding:4px 6px;font-size:12px}.trace-heading input[type=color]{width:28px;height:26px;padding:2px}.trace-actions span{color:var(--muted);margin-right:auto;font-size:12px}.marker-controls label{flex:1;font-size:12px}.marker-controls input{width:70px}.trace-controls button{padding:5px 8px}.comparison-selectors{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.comparison-selectors select{width:100%}.comparison-readout{font-size:13px}.comparison-readout>div{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 0;display:flex}.comparison-readout dd{font-variant-numeric:tabular-nums;margin:0}@media (width>=1000px){main{padding:16px 24px}header{margin-bottom:12px}h1{margin:4px 0;font-size:28px}.toolbar{gap:12px;margin-bottom:12px;padding:8px 16px}.workspace{grid-template-columns:1fr;gap:16px}.chart-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}#smith{width:min(100%,max(300px,100dvh - 260px));max-width:620px;margin-inline:auto}.scales-panel{padding:16px}#smith-scales .radial-scales{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:4px!important}aside{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (width<=800px){main{padding:16px}.workspace{grid-template-columns:1fr}aside{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.toolbar{align-items:start}h1{font-size:30px}}.marker-controls input[data-marker-frequency]{width:105px}.marker-controls output{color:var(--muted);flex-basis:100%;font-size:12px}:root[data-theme=dark]{--text:#e2e8f0;--page:#020617;--surface:#0f172a;--muted:#94a3b8;--accent:#5eead4;--border:#334155;--input-border:#475569;--hover:#1e293b;--error:#fca5a5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#chart-settings,#image-export{border:1px solid var(--border);background:var(--surface);width:min(520px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--text);border-radius:16px;padding:24px;box-shadow:0 16px 64px #00000040}#chart-settings::backdrop,#image-export::backdrop{background:#02061773}@media (width>=1000px){#chart-settings{inset:var(--settings-top,16px) auto auto var(--settings-left,calc(50% + 8px));width:var(--settings-width,calc(50vw - 32px));max-height:calc(100dvh - var(--settings-top,16px) - 16px);margin:0}#chart-settings::backdrop{background:#02061740}}.settings-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-heading h2{margin:0;font-size:20px}#chart-settings fieldset{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;margin-top:20px;padding-top:8px;display:grid}#chart-settings legend{margin-bottom:0;padding-right:8px}#chart-settings label{align-items:center;gap:8px;min-height:32px;display:flex}#chart-settings .settings-select,#chart-settings .settings-reference{grid-column:1/-1}#chart-settings .settings-reference{display:block}.settings-select{align-items:center;gap:12px;display:flex}.settings-select select{border:1px solid var(--input-border);background:var(--surface);width:150px;min-width:0;min-height:36px;color:var(--text);font:inherit;border-radius:6px;margin-left:auto;padding:6px 8px}#chart-settings input[type=number]{color:var(--text);background:var(--surface)}#reference-status:empty{display:none}#chart-settings .import-reference-option{margin-bottom:0}@media (width<=480px){#chart-settings,#image-export{padding:16px}#chart-settings fieldset{grid-template-columns:1fr}}#image-export-form>label:not([hidden]),#image-readout-settings>label{margin:16px 0 8px;display:block}#image-export-form select,#image-export-form input[type=number]{border:1px solid var(--input-border);background:var(--surface);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:6px;padding:8px;font-size:13px}.image-dimensions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.image-dimensions input{margin-top:8px}#image-export-form .image-legend{margin-block:20px}#image-status:empty{display:none}select,.trace-controls select,#import-parameter,#marker-select,.settings-select select,.comparison-selectors select,#image-export-form select{appearance:none;box-sizing:border-box;background-color:var(--surface);color:var(--text);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right 16px center,right 11px center;background-repeat:no-repeat;background-size:5px 5px;background-origin:padding-box;background-clip:padding-box;padding-right:36px;line-height:1.4}#image-marker-legend-settings[hidden]{display:none}#image-marker-legend-settings:not([hidden]){border:1px solid var(--input-border);border-radius:6px;margin-bottom:20px;padding:12px;display:block}.export-marker-fields,#image-marker-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}#image-marker-choices{margin-top:16px;display:block}#image-marker-list{grid-template-columns:1fr}#image-marker-legend-settings label{overflow-wrap:anywhere;align-items:baseline;gap:8px;min-width:0;display:flex}.header-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.header-heading a{color:var(--accent);text-underline-offset:4px}.header-heading a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#import-parameter{width:100%;margin:6px 0 12px;display:block}