.s53-wrap{max-width:1120px;margin:auto;padding:24px}.s53-card{background:#f4f6f8;color:#1b3448;border:1px solid #718494;border-radius:16px;padding:24px;margin:22px 0}.s53-card h2,.s53-card h3{color:#142c40}.s53-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin:14px 0}.s53-controls label{display:grid;gap:6px;min-width:150px;color:#1b3448}.s53-controls input,.s53-controls select,.s53-controls button{min-height:44px;padding:8px;border:1px solid #718494;border-radius:8px;background:white;color:#173247;font:inherit}.s53-controls input[type=range]{padding:0;accent-color:#286a87}.s53-controls button{cursor:pointer;font-weight:650}.s53-controls button:hover{background:#e5ecf1}.s53-card canvas{display:block;width:min(100%,720px);height:auto;aspect-ratio:1;margin:12px auto;border-radius:12px;background:#0c1926}.s53-card output{display:block;min-height:2em;font-weight:650;color:#173247}.s53-note{background:#e5ecf1;border-left:4px solid #286a87;padding:12px 16px;margin:14px 0;color:#173247}.s53-card a{color:#173f59}.s53-card :focus-visible{outline:3px solid #245875;outline-offset:3px}@media(max-width:600px){.s53-wrap{padding:14px}.s53-card{padding:16px}}