*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:#f5f3ee;color:#162a3d;font:16px/1.6 system-ui,sans-serif}.studio{max-width:1000px;margin:auto;padding:24px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:#88430d}h1{font-size:clamp(24px,4vw,36px);line-height:1.12;margin:10px 0}h2{font-size:22px;line-height:1.3}h3{font-size:17px}p{margin:12px 0}.boundary,.care{font-size:14px}.controls,#result{padding:20px;margin-top:20px;background:#fff;border:1px solid #b8c5ce;border-radius:14px}label{display:block;font-weight:650;margin:12px 0 7px}select,option{color:#162a3d;background:#fff}select{width:100%;border:1px solid #687d8d;border-radius:7px;padding:12px;font:inherit}button{font:inherit;font-weight:700;cursor:pointer;background:#18354b;color:#fff;border:2px solid #18354b;border-radius:8px;padding:12px 16px;margin-top:16px}button:hover{background:#284e69}button:focus-visible,select:focus-visible{outline:3px solid #bf650e;outline-offset:3px}.choices{display:grid;gap:10px}.choices button{margin:0;text-align:left;background:#f2f6f8;color:#162a3d;border-color:#879cab}.choices button[aria-pressed=true]{background:#d9e9f1;border-color:#174c6a;color:#102f43}.feedback{padding:16px;border-left:4px solid #21716e;background:#edf7f5;color:#12332e}.example{border-left:3px solid #bd742c;padding-left:14px}li{margin:9px 0}.status{font-size:13px;font-weight:700;color:#28545e}@media(max-width:520px){.studio{padding:14px}.hero{grid-template-columns:1fr;gap:10px}.controls,#result{padding:16px}h1{font-size:28px}}@media(prefers-color-scheme:dark){body{background:#111e2a;color:#f2f5f7}.controls,#result{background:#192d3d;border-color:#6f8798}select,option{background:#122434;color:#f2f5f7}.eyebrow{color:#ffc18b}.choices button{background:#213d51;color:#f2f5f7;border-color:#9db5c5}.choices button[aria-pressed=true]{background:#d9e9f1;color:#102f43;border-color:#fff}.feedback{background:#173e39;color:#f0fffb}.status{color:#a4dfdf}button{background:#dbeef9;color:#102d41;border-color:#dbeef9}button:hover{background:#fff;color:#102d41}}