*{box-sizing:border-box}body{color:#303943;background:#e6f0f9;margin:0;font:16px/1.6 system-ui,sans-serif}main{max-width:1080px;margin:auto;padding:0 clamp(12px,3vw,34px)}header,.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}header{border-bottom:1px solid #b7cbdc;min-height:72px}header a:first-child{font-size:1.38rem;font-weight:850}a{color:var(--accent);text-underline-offset:4px}.lang{margin-left:auto}.hero{grid-template-columns:1fr 32%;align-items:center;gap:24px;padding:32px 0;display:grid}.hero img{object-fit:cover;border-radius:20px;width:100%;max-height:178px}.hero h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,4vw,3.6rem);line-height:1.13}.hero p{margin-bottom:0}.bench,aside{background:#fff;border:1px solid #c3d3df;border-radius:20px;min-width:0;padding:clamp(16px,3vw,36px)}.bench{border-top:5px solid var(--accent)}aside{margin-top:24px}h2,h3{line-height:1.3}h2:first-child{margin-top:0}button,input,textarea,select{font:inherit;max-width:100%}button,.actions a{cursor:pointer;color:#283644;background:#f4f8fb;border:1px solid #9eb0c1;border-radius:10px;min-height:44px;padding:8px 14px}button[aria-pressed=true],[data-studio-download]{background:var(--accent);color:#fff}.actions{margin:12px 0}textarea{border:1px solid #aabfcd;border-radius:10px;width:100%;padding:12px;display:block}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf4fa;border-radius:12px;max-height:45vh;padding:16px;overflow:auto}.bench img,.bench canvas,audio{max-width:100%}fieldset{min-width:0}footer{padding:26px 0;font-size:.9rem}[role=alert]{color:#822e2c}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #1669a1}@media (width<=640px){.hero{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 0}.hero img{object-position:center;height:84px}.bench{padding:14px}header{gap:8px}}