
:root{color-scheme:light dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;background:#f5f7fb;color:#172033}.psa{max-width:1180px;margin:auto;padding:28px 20px 80px}.psa h1{margin:18px 0 8px}.psa a{color:#2459d3}.card{background:#fff;border:1px solid #dfe5ef;border-radius:18px;padding:20px;margin-top:18px;box-shadow:0 8px 28px rgba(24,39,75,.06)}.drop{display:flex;min-height:120px;border:2px dashed #9aabd0;border-radius:15px;align-items:center;justify-content:center;text-align:center;padding:20px;cursor:pointer;background:#f9fbff}.drop input{display:block;max-width:100%}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}.row>*{min-height:42px}.primary,button{border:0;border-radius:10px;padding:10px 15px;font-weight:700;cursor:pointer;background:#e8edf7;color:#172033}.primary{background:#2459d3;color:white}button:disabled{opacity:.5;cursor:not-allowed}.out{margin-top:16px}.item{background:#f7f9fc;border:1px solid #e1e7f0;border-radius:12px;padding:13px;margin:8px 0}.ok{border-left:5px solid #1e9b62}.warnitem{border-left:5px solid #dc8d00}.bad{border-left:5px solid #d63f48}.muted{color:#66738b;font-size:.92rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.field label{display:block;font-weight:700;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:10px;border:1px solid #cbd4e3;border-radius:9px;background:white;color:#172033}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #e0e5ee;text-align:left;padding:9px;vertical-align:top}.badge{display:inline-block;padding:3px 8px;border-radius:99px;background:#e7eefc;font-size:.82rem}.meter{height:10px;background:#e5eaf2;border-radius:99px;overflow:hidden}.meter>i{display:block;height:100%;background:#2459d3}.canvasWrap{position:relative;display:inline-block;max-width:100%;overflow:auto;border:1px solid #d7dfeb}.canvasWrap canvas{display:block;max-width:100%;height:auto}.fieldBox{position:absolute;border:2px solid #2459d3;background:rgba(36,89,211,.12);pointer-events:none}.warn{padding:14px;border-radius:12px;background:#fff4d8;color:#6d4b00;margin-top:16px}.code{font-family:ui-monospace,monospace;word-break:break-all}.hidden{display:none}@media(prefers-color-scheme:dark){body{background:#10141e;color:#e7ebf3}.card{background:#181e2a;border-color:#303a4c}.drop,.item{background:#121824;border-color:#364157}.field input,.field select,.field textarea{background:#111722;color:#e7ebf3;border-color:#465166}.primary{background:#6f93ff}.muted{color:#aab5c9}.warn{background:#3a2e12;color:#ffe4a1}}
