.tool-main{flex-direction:column;align-items:center;gap:1.25rem;width:100%;display:flex}.page-header{text-align:center}.page-header h1{letter-spacing:.03em;color:#fff;margin:0;font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.15}.page-header p{color:#aab6d4;max-width:720px;margin:.4rem auto 0;font-size:1rem}.controls-panel{background:#101522;border:1px solid #1f2836;border-radius:18px;width:min(960px,100%);padding:1.25rem;box-shadow:0 20px 60px #05080fa6}.workbench{align-items:start;gap:1rem;width:100%;display:grid}.workbench-controls{flex-direction:column;gap:1rem;min-width:0;display:flex}.workbench-controls>*{width:100%}.workbench-stage{z-index:2;background:#0b0f14;min-width:0;position:sticky;top:0}.workbench-stage>.canvas-wrapper{width:100%}.workbench-stage canvas{align-self:center;width:auto;max-width:100%}@media (min-width:1000px){.workbench{grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:1.25rem}.workbench-stage{background:0 0;top:1rem}.workbench-stage canvas,.workbench-stage.square-stage canvas{max-height:calc(100vh - 9rem)}}@media (max-width:999px){.workbench-stage{border-bottom:1px solid #1f2836;order:-1;margin:0 -1rem;padding:.4rem 1rem .5rem}.workbench-stage>.canvas-wrapper{box-shadow:none;padding:.4rem}.workbench-stage canvas{max-height:36vh}.workbench-stage .chart-title{margin:0 .25rem .3rem;font-size:.9rem}.workbench-stage .chart-caption{display:none}}.controls-heading{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.eyebrow{letter-spacing:.3rem;text-transform:uppercase;color:#32ffd6;margin:0;font-size:.85rem}.subtitle{color:#8892b0;margin:.25rem 0 0;font-size:.95rem}.control-row{flex-direction:column;gap:.3rem;margin-bottom:.8rem;display:flex}.control-row label{color:#c8d8ff;justify-content:space-between;font-size:.95rem;font-weight:600;display:flex}.control-row span{color:#1de5d0;font-weight:600}.control-row input[type=range]{accent-color:#1de5d0;width:100%}.control-row input[type=text]{color:#edf3ff;background:#141a28;border:1px solid #1d2535;border-radius:8px;width:100%;padding:.65rem .75rem}.control-row input[type=text]::placeholder{color:#4b5670}.button-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.button-row button{color:#edf3ff;cursor:pointer;background:#161f30;border:1px solid #0000;border-radius:10px;padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;transition:all .2s}.button-row button:hover{color:#1de5d0;border-color:#1de5d0}.canvas-wrapper{background:#0b0f14;border-radius:20px;justify-content:center;width:min(820px,100%);padding:.75rem;display:flex;box-shadow:0 20px 50px #03070db3}.canvas-wrapper canvas{border-radius:16px;max-width:100%;height:auto;box-shadow:inset 0 0 0 1px #ffffff0d}.canvas-description{text-align:left;color:#afbdd2;background:#080c11;border:1px solid #ffffff0f;border-radius:16px;width:min(820px,100%);margin-top:1.5rem;padding:1rem 1.25rem 1.25rem;line-height:1.6}.canvas-description h2{margin:1.25rem 0 .25rem;font-size:1.15rem}.canvas-description p{margin:.35rem 0;font-size:.95rem}.stats-panel{background:#101522;border:1px solid #1f2836;border-radius:18px;width:min(820px,100%);padding:1.25rem}.stats-panel h2{margin:0 0 .8rem;font-size:1.25rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.stat-row{color:#cfd7ff;justify-content:space-between;font-size:.95rem;display:flex}.stat-row span:last-child{color:#1de5d0;font-weight:600}.control-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));column-gap:1.5rem;display:grid}.control-row select{color:#edf3ff;width:100%;font:inherit;background:#141a28;border:1px solid #1d2535;border-radius:8px;padding:.65rem .75rem}.check-row{color:#c8d8ff;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.check-row input{accent-color:#1de5d0;width:1.1rem;height:1.1rem}.preset-row{flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;display:flex}.button-row+.preset-row{margin-top:.85rem}.panel>.button-row:first-child,.panel>div>.button-row:first-child{margin-top:0}.preset-row button{color:#c8d8ff;cursor:pointer;background:0 0;border:1px solid #2c3850;border-radius:999px;padding:.3rem .8rem;font-size:.85rem}.preset-row button:hover,.preset-row button[aria-pressed=true]{color:#1de5d0;border-color:#1de5d0}.chart-caption{color:#aab6d4;text-align:left;margin:.5rem .25rem 0;font-size:.9rem}.chart-title{color:#c8d8ff;text-align:left;margin:.25rem .25rem .5rem;font-size:1rem}.chart-block{width:100%}.legend-swatch{vertical-align:-1px;border-radius:3px;width:.8rem;height:.8rem;margin:0 .35rem 0 .75rem;display:inline-block}.chart-wrapper{flex-direction:column;align-items:stretch}.square-chart{align-items:center}.square-chart canvas{width:min(600px,100%)}.export-group{align-items:stretch;display:inline-flex}.export-group button{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.export-group select{color:#edf3ff;font:inherit;background:#161f30;border:1px solid #2c3850;border-left:none;border-radius:0 10px 10px 0;padding:0 .5rem;font-size:.85rem}.button-row button:disabled{opacity:.5;cursor:default}.canvas-wrapper:-webkit-full-screen{background:#0b0f14;justify-content:center;padding:2rem;overflow:auto}.canvas-wrapper:fullscreen{background:#0b0f14;justify-content:center;padding:2rem;overflow:auto}.canvas-wrapper:-webkit-full-screen canvas{width:auto;max-width:100%;max-height:calc(100vh - 6rem)}.canvas-wrapper:fullscreen canvas{width:auto;max-width:100%;max-height:calc(100vh - 6rem)}.canvas-wrapper.square-chart:-webkit-full-screen canvas{width:auto}.canvas-wrapper.square-chart:fullscreen canvas{width:auto}.trust-note{color:#8a96b3;margin:.75rem 0 0;font-size:.85rem}.panel{background:#101522;border:1px solid #1f2836;border-radius:18px;width:min(960px,100%);padding:1.25rem 1.5rem}.panel h2{margin:0 0 .75rem;font-size:1.15rem}.inline-fields{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.inline-fields label{color:#c8d8ff;gap:.3rem;font-size:.9rem;font-weight:600;display:grid}.inline-fields input,.inline-fields select,.inline-fields textarea{color:#edf3ff;font:inherit;background:#141a28;border:1px solid #1d2535;border-radius:8px;min-width:6rem;padding:.5rem .65rem}.result-line{color:#c3cde3;margin:.75rem 0 0}.result-line strong{color:#1de5d0}.small-multiples{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;width:100%;display:grid}.small-multiples figure{margin:0}.small-multiples figcaption{color:#c8d8ff;margin-bottom:.3rem;font-size:.9rem}.small-multiples canvas{border-radius:10px;width:100%;height:auto}.sample-strip{color:#c3cde3;overflow-wrap:anywhere;margin:.5rem 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85rem}.button-row button.primary{color:#0b0f14;background:#1de5d0}.code-block{color:#c3cde3;background:#080c11;border:1px solid #1f2836;border-radius:12px;max-width:100%;margin:.5rem 0 0;padding:1rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.5;overflow-x:auto}.mode-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.mode-tabs button{color:#c8d8ff;font:inherit;cursor:pointer;background:0 0;border:1px solid #2c3850;border-radius:999px;padding:.35rem .9rem}.mode-tabs button[aria-pressed=true]{color:#1de5d0;border-color:#1de5d0}.panel-canvas{border-radius:12px;width:100%;height:auto;margin:.5rem 0}.control-row .number-input,.control-row input[type=number]{color:#edf3ff;width:100%;font:inherit;background:#141a28;border:1px solid #1d2535;border-radius:8px;padding:.65rem .75rem}.table-scroll{overflow-x:auto}.case-table tr.current td{color:#1de5d0;font-weight:600}.case-table{border-collapse:collapse;width:100%;font-size:.93rem}.style-panel{border:1px solid #1f2836;border-radius:12px;margin:.5rem 0 1rem;padding:.75rem 1rem}.style-panel summary{cursor:pointer;color:#c8d8ff;margin-bottom:.5rem;font-weight:600}.inline-select{color:#edf3ff;font:inherit;background:#161f30;border:1px solid #2c3850;border-radius:10px;padding:0 .6rem}.challenge{background:#121a2b;border:1px solid #2c3850;border-left:4px solid #ffd166;border-radius:14px;width:min(960px,100%);padding:1rem 1.25rem}.challenge h2{color:#ffd166;margin:0 0 .35rem;font-size:1.1rem}.challenge p{color:#c3cde3;margin:0 0 .75rem}.challenge form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.challenge input{color:#edf3ff;width:9rem;font:inherit;background:#141a28;border:1px solid #1d2535;border-radius:8px;padding:.55rem .7rem}.challenge button{color:#0b0f14;font:inherit;cursor:pointer;background:#ffd166;border:none;border-radius:10px;padding:.55rem 1.1rem;font-weight:700}.challenge-result{color:#c3cde3;background:#0b0f14;border-radius:10px;margin-top:.85rem;padding:.75rem 1rem;line-height:1.55}.challenge-result strong{color:#1de5d0}.challenge-history{color:#8a96b3;margin:.6rem 0 0;font-size:.85rem}