*{box-sizing:border-box}body{margin:0;background:#f2f5f4;color:#10262f;font-family:"Noto Sans KR","Malgun Gothic",sans-serif}header{height:70px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#0c2f3d;color:#fff}header strong,header small{display:block}header small{color:#9ed4cd}header a{color:#fff}main{width:min(1100px,calc(100% - 28px));margin:28px auto 60px}.panel{background:#fff;border:1px solid #dce6e5;border-radius:20px;padding:24px;margin-bottom:16px}.panel h1,.panel h2{margin-top:0}.panel p{color:#65777d}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}button{border:1px solid #cbd9d6;background:#fff;border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer}.primary{background:#0c2f3d;color:#fff}textarea{width:100%;min-height:560px;padding:18px;border:1px solid #cbd9d6;border-radius:14px;font:13px/1.55 ui-monospace,monospace}pre{white-space:pre-wrap;background:#eef4f2;border-radius:12px;padding:12px}label{display:block;margin-bottom:12px}input[type=text],label input{width:100%;padding:10px;border:1px solid #cbd9d6;border-radius:9px}.warning{border-left:5px solid #b85636}@media(max-width:600px){header{padding:0 14px}main{margin-top:15px}.panel{padding:17px}textarea{min-height:420px}}