:root{--ink:#252c29;--muted:#616b65;--line:#dce3dd;--accent:#285b43;--soft:#f4f6f2}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:17px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:1500px;margin:auto;padding:18px 28px 56px}a{color:var(--accent);text-underline-offset:3px}nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}nav a{font-size:18px;font-weight:550;padding:9px 13px;text-decoration:none;border-radius:7px;min-height:44px}nav a:hover{background:var(--soft)}nav [aria-current]{background:var(--accent);color:white}h1{font-size:21px;font-weight:450;line-height:1.35;margin:0 0 20px}h1 small{display:block;font-size:23px;font-weight:600;margin-bottom:5px}select,button{font:inherit;border:1px solid var(--line);border-radius:6px;background:#fff;padding:9px 12px;min-height:44px;color:inherit}button{cursor:pointer}button:hover{background:var(--soft)}#play{background:var(--accent);color:white;border-color:var(--accent)}input{accent-color:var(--accent)}input[type=checkbox]{width:18px;height:18px}label{white-space:nowrap}
#grid{display:grid;gap:24px 20px;width:100%;margin:auto}figure{margin:0;min-width:0;content-visibility:auto;contain-intrinsic-size:auto 420px}canvas{display:block;width:100%;aspect-ratio:1;background:var(--soft)}figcaption{font-size:16px;min-height:48px;line-height:1.3;padding:0 0 8px;color:var(--ink)}
.playback{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px auto 0;max-width:1100px;padding:8px 0}.playback input[type=range]{min-width:100px;flex:1}.playback output{font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}.controls{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;margin:20px auto 26px;max-width:1100px}.controls label{display:flex;flex-direction:column;gap:7px;font-size:16px}.controls label:has(input[type=checkbox]){flex-direction:row;align-items:center;min-height:44px}
#count{margin:26px 0 0;border-top:1px solid var(--line);padding-top:24px;font-size:16px;color:var(--muted)}.selectors{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:20px}.group{min-width:0}.group h2{font-size:23px;font-weight:550;margin:0 0 16px}.family{display:block;margin:0 0 24px}.family>div:first-child{display:flex;gap:8px;align-items:center;font-size:18px;margin-bottom:12px}.family button{font-size:16px;padding:7px 12px}.choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px;max-height:440px;overflow:auto;padding:2px}.choices label{display:flex;align-items:center;flex-direction:column;position:relative;gap:6px;text-align:center;font-size:15px;white-space:normal;border:1px solid var(--line);padding-bottom:8px}.choices label:has(input:checked){outline:2px solid var(--accent);outline-offset:-2px}.choices input{position:absolute;left:7px;top:7px;margin:0}.choices img{width:100%;height:100px;object-fit:contain;background:var(--soft)}footer{margin-top:32px;color:var(--muted);font-size:16px;border-top:1px solid var(--line);padding-top:20px}summary{font-size:17px;cursor:pointer}details p{max-width:1000px}#clips{display:flex;flex-wrap:wrap;gap:16px}#clips a{padding:6px 0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}@media(max-width:700px){main{padding:12px 14px 36px}nav{gap:2px;margin-bottom:14px}nav a{font-size:16px;padding:8px 10px}h1{font-size:19px}h1 small{font-size:22px}.selectors{grid-template-columns:1fr;gap:0}.controls{gap:12px}.controls label{flex:1;min-width:130px}.controls select{width:100%}.choices{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:340px}}

.scheme-tabs{gap:6px;margin:0 0 18px;flex-wrap:wrap}.scheme-tabs a{font-size:16px;font-weight:500;padding:8px 12px;min-height:40px;background:#f4f6f2;color:#285b43;border:1px solid #dce3dd;text-decoration:none;border-radius:6px}.scheme-tabs [aria-current]{background:#e2ece5;color:#204c37;border-color:#9aafa1}
.process-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.process-row figure{content-visibility:visible}.process-row canvas{aspect-ratio:1}.group h2 button{margin-left:5px;font-size:12px}.choices{max-height:250px}@media(max-width:650px){.process-row{grid-template-columns:1fr}}

.display-column{min-width:0;display:flex;flex-direction:column;gap:20px;align-self:start}.display-column h2{font-size:19px;line-height:1.3;min-height:25px;margin:0}.display-column figure{content-visibility:auto;contain-intrinsic-size:auto 320px}.display-column figcaption{min-height:30px;height:30px;padding-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-column video{width:100%;aspect-ratio:1;display:block;object-fit:contain;background:#eee}.historical-parameters{font-size:15px;line-height:1.3;margin:8px 0 0}.group h2{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.group h2 button{font-size:16px;margin:0}.process-row figcaption{height:auto;min-height:30px}#grid{align-items:start}.controls{margin-bottom:20px}#count{margin-top:16px;padding-top:20px}input[type=range]{min-width:0}@media(max-width:700px){.group h2{font-size:20px}.playback{gap:8px}.playback output{font-size:15px}}