.hero{padding:35px 0 26px}.hero .intro{max-width:760px}.studio{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}.panel,.plot-panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:21px;margin-bottom:20px;min-width:0}.panel h2{font-size:18px}.panel input,.panel select{margin-bottom:12px;font-size:12px}.panel button{font-size:12px}.line-setting{border:0;border-top:1px solid var(--line);margin:16px 0 8px;padding:12px 0 0;min-width:0}.line-setting legend{font-size:12px;font-weight:650}.line-setting select{max-width:100%}.line-axis{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}.line-axis button{margin-bottom:12px}.studio-range{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.muted{font-size:12px;color:var(--muted)}.save-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}#draw-chart{width:100%;margin-top:8px}#open-chart{width:100%}#studio-status[data-error=true]{color:#a43923}.plot-panel h2{overflow-wrap:anywhere}.plot-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.legend-item{border-left:4px solid var(--blue);padding-left:12px;min-width:0;font-size:12px}.legend-item strong{display:block;overflow-wrap:anywhere}.legend-item p{margin:3px 0;font-size:11px;color:var(--muted)}.legend-item a{font-size:11px}.tone-0{border-color:#235fe2}.tone-1{border-color:#cb6435}.tone-2{border-color:#15857a}.tone-3{border-color:#8155b4}.compare-svg{width:100%;display:block}.compare-svg text{fill:#526a7c;font:11px system-ui,sans-serif}.compare-svg .grid{stroke:#e2e8ee;stroke-width:1}.compare-svg .trace{fill:none;stroke-width:2.3;stroke-linejoin:round}.compare-svg .tone-0{stroke:#235fe2}.compare-svg .tone-1{stroke:#cb6435}.compare-svg .tone-2{stroke:#15857a}.compare-svg .tone-3{stroke:#8155b4}.compare-svg circle.tone-0{fill:#235fe2}.compare-svg circle.tone-1{fill:#cb6435}.compare-svg circle.tone-2{fill:#15857a}.compare-svg circle.tone-3{fill:#8155b4}.studio-table{overflow:auto;max-height:400px}.studio-table th,.studio-table td{white-space:nowrap}#studio-login{display:inline-block;margin-bottom:20px}#delete-check{border:1px solid #d4a390;border-radius:5px;padding:12px;margin-top:12px}#delete-check p{font-size:12px}.studio-output{min-width:0}.studio-output>.notice{font-size:12px}@media(max-width:1050px){.studio{grid-template-columns:275px minmax(0,1fr)}.plot-legend{grid-template-columns:1fr}}@media(max-width:760px){.studio{grid-template-columns:1fr}.studio-controls{display:grid;grid-template-columns:minmax(0,1fr)}.plot-legend{grid-template-columns:1fr}.plot-panel,.panel{padding:17px}.status-line{align-items:flex-start}.status-line button{max-width:130px;font-size:11px}.brand{font-size:19px}}

.calculation-settings{font-size:12px;border-top:1px dashed var(--line);padding-top:10px}.calculation-settings summary{cursor:pointer;color:var(--blue);margin-bottom:12px}.legend-item a{display:block}.studio-table td details{font-size:11px;max-width:260px;color:var(--muted)}.studio-table td details p{white-space:normal;overflow-wrap:anywhere}.studio-table th{white-space:normal;min-width:160px}.studio-table th:first-child{min-width:75px}#plot-title,#studio-status{scroll-margin-top:16px}

.research-settings{border-top:1px solid var(--line);margin:18px 0;padding-top:12px;font-size:12px}.research-settings summary{cursor:pointer;color:var(--blue);margin-bottom:15px}.check-label{display:flex;align-items:center;gap:8px;margin:12px 0}.check-label input{width:auto;margin:0}.event-setting{border:1px solid var(--line);border-radius:5px;padding:10px;min-width:0}.event-setting legend{font-size:12px}.research-section{border-top:1px solid var(--line);padding-top:14px;margin-top:20px;overflow-wrap:anywhere}.research-section h3{font-size:17px}.research-section p{font-size:12px}.research-section .research-number{font-size:30px;color:var(--blue);font-weight:650;margin:16px 0}.research-section .notice{padding:12px}.research-section table td{max-width:280px;white-space:normal;overflow-wrap:anywhere}.research-section summary{cursor:pointer;font-size:12px;margin:12px 0}.compare-svg .event-marker{stroke:#607080;stroke-dasharray:4 4;opacity:.65}.compare-svg .event-number{font-size:10px;font-weight:700}.seasonal-svg{display:block;width:100%;max-width:850px}.seasonal-svg text{font:11px system-ui;fill:#526a7c}.seasonal-svg .grid{stroke:#e2e8ee}.season-range{stroke:#9bafc7;stroke-width:6}.season-mean{stroke:#235fe2;stroke-width:2}.season-dot{fill:#235fe2}