:root{color-scheme:light;font-family:system-ui,"Malgun Gothic",sans-serif;color:#17253a;background:#f3f6fb}*{box-sizing:border-box}body{margin:0}main{max-width:1400px;margin:auto;padding:32px}h1{font-size:clamp(24px,3vw,36px);margin:8px 0}.eyebrow{color:#2760a2;font-weight:700;font-size:13px;letter-spacing:.08em}p{line-height:1.65;overflow-wrap:anywhere}.notice{background:#e4eefc;border-left:4px solid #2760a2;padding:16px}section{background:white;border:1px solid #cdd7e4;border-radius:12px;padding:24px}label{display:block;margin-bottom:18px;font-weight:600}input,select{display:block;margin-top:8px;max-width:100%;width:100%;font:inherit;padding:10px;border:1px solid #9eafc4;border-radius:6px}input[type=file]{background:#f8fafd}.settings{display:flex;gap:24px}.settings label{flex:1}button{font:inherit;border:1px solid #2760a2;background:#2760a2;color:white;border-radius:6px;padding:12px 18px;margin:4px 12px 4px 0;cursor:pointer}button:disabled{opacity:.55;cursor:wait}#clear{background:white;color:#2760a2}nav{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}a{color:#17519b}iframe{width:100%;height:900px;border:1px solid #a7b7cc;border-radius:8px;background:white}details{margin-top:24px}summary{cursor:pointer;font-weight:600}@media(max-width:600px){main{padding:16px}section{padding:16px}.settings{display:block}iframe{height:780px}}