*{box-sizing:border-box}body{margin:0;background:#eef2f7;color:#18273c;font:14px 'Malgun Gothic',sans-serif}header{background:#12283d;color:white;padding:22px 32px}h1{margin:0;font-size:24px}header p{color:#b9cfe2;margin-bottom:0}main{padding:20px;max-width:1600px;margin:auto}.bar,.panel{background:white;border:1px solid #d8e1eb;border-radius:12px;padding:16px;margin-bottom:16px}.bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}button,.filebtn{background:#eaf0f7;border:1px solid #cdd8e5;border-radius:7px;padding:9px 12px;color:#153752;cursor:pointer;font:inherit}button:hover{background:#d7e8f7}.primary{background:#1476bf;color:white}.danger{color:#ba3543}input,select{font:inherit;padding:8px;border:1px solid #cbd5e1;border-radius:6px;max-width:100%}input[type=number]{width:95px}.layout{display:grid;grid-template-columns:minmax(300px,470px) 1fr;gap:18px}.note{background:#edf6ff;color:#345777;padding:12px;border-radius:8px;line-height:1.7}.muted{color:#61738a;font-size:12px}h2{font-size:18px;margin:0 0 12px}h3{font-size:15px}.fields{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.fields label{display:grid;gap:5px}canvas#source{width:100%;height:auto;display:block;cursor:crosshair;touch-action:none}#stage{max-height:610px;overflow:auto;border:1px solid #d6dfe9;background:#f1f5fa}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:9px;border-bottom:1px solid #d7e1ee;text-align:left}th{background:#e8eef6;font-size:12px}.scroll{overflow:auto;max-height:640px}td img{width:180px;height:42px;object-fit:contain}.record{padding:12px;border:1px solid #dce4ee;border-radius:8px;margin:12px 0}.record img{width:250px;height:60px;object-fit:contain;background:#eee}.record input.damage{width:200px}#msg{position:sticky;bottom:8px;background:#153752;color:white;padding:12px;border-radius:8px;display:none}details{line-height:1.8}#report{max-width:100%;border:1px solid #dce4ee}.stat{font-size:22px;font-weight:bold;margin-right:14px}#sampletag{color:#aa5910}@media(max-width:950px){.layout{grid-template-columns:1fr}}
.damagePreview{width:100%!important;height:auto!important;max-height:100px;object-fit:contain!important;image-rendering:auto;border:1px solid #bdccdd}#bossConfig{display:flex;gap:12px;flex-wrap:wrap}#bossConfig label{display:grid;gap:6px}