:root{font-family:Inter,system-ui,"Segoe UI",sans-serif;color:#142b51;background:#f5f8ff}*{box-sizing:border-box}body{margin:0}.wrap{max-width:960px;margin:auto;padding:40px 20px}.heading{text-align:center;margin-bottom:28px}.eyebrow{color:#285cda;font-size:12px;font-weight:700;letter-spacing:2px}h1{font-size:clamp(26px,4vw,38px)}p{color:#66768d;line-height:1.6}.panel{padding:clamp(20px,4vw,38px);background:white;border:1px solid #dce5f6;border-radius:20px}.choices,.editor{display:grid;grid-template-columns:1fr 1fr;gap:24px}.choice{padding:28px;border:2px solid #dce5f6;border-radius:15px;background:white;text-align:left;color:#2158dc;cursor:pointer;font:inherit}.choice strong{display:block;font-size:22px;margin-bottom:10px}.choice:hover{border-color:#2056db}button{font:inherit}.btn{padding:13px 20px;border:0;border-radius:11px;background:#2056db;color:white;font-weight:650;cursor:pointer}.secondary{background:#eef4ff;color:#2056db}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}input[type=text],input[type=file]{width:100%;padding:12px;border:1px solid #cbd7ea;border-radius:10px;font:inherit}input[type=range]{width:100%;accent-color:#2056db}canvas{display:block;width:100%;height:auto;border-radius:12px;touch-action:none;cursor:grab}.small{font-size:12px}.status{color:#b42318;min-height:20px}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid #8bb2ff;outline-offset:3px}[hidden]{display:none!important}.footer{text-align:center;color:#7c899d;font-size:12px;margin-top:24px}@media(max-width:650px){.choices,.editor{grid-template-columns:1fr}.wrap{padding:28px 16px}}
