*{box-sizing:border-box}body{margin:0;background:#edf3f6;color:#183448;font:15px/1.7 system-ui,sans-serif}main{max-width:1080px;margin:34px auto;padding:0 22px}header span{font-weight:700;color:#177b71;font-size:12px;letter-spacing:2px}h1{font-size:32px;margin:8px 0}header p,.muted,footer{color:#678092}h2{font-size:19px;margin:0 0 16px}.card{background:white;border:1px solid #dae5ed;padding:24px;border-radius:14px;margin:20px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;margin:8px 0}input,select{width:100%;border:1px solid #b9cbd6;border-radius:7px;padding:10px;font:inherit;background:white}input[type=checkbox]{width:auto}.check{align-self:center}button{font:inherit;background:#137b73;color:white;border:0;border-radius:7px;padding:10px 16px;margin:10px 8px 0 0;cursor:pointer}button.secondary{background:#e6eef4;color:#22485d}button:disabled{opacity:.4;cursor:default}video{width:100%;height:235px;background:#102c3c;border-radius:9px}pre{white-space:pre-wrap;word-break:break-word;background:#122f42;color:#d2e9ef;border-radius:8px;padding:16px;max-height:280px;overflow:auto;font:13px/1.8 monospace}#notice{background:#dcf2ea;border-radius:8px;padding:13px;position:sticky;top:8px;z-index:1}footer{padding-bottom:30px}@media(max-width:700px){.grid{grid-template-columns:1fr}main{padding:0 12px}.card{padding:17px}}