:root{font-family:Arial,Helvetica,sans-serif;color:#1f2937;background:#f3f4f6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.page{max-width:1380px;margin:0 auto;padding:24px}.hero,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 6px 18px #0f172a0f}.hero{padding:24px;margin-bottom:16px}.hero h1{margin:6px 0;font-size:32px}.eyebrow{color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.panel{padding:18px;margin-bottom:16px}.grid-4,.grid-2{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:8px}.field label{font-weight:700}.field small{color:#6b7280}input[type=number],select,textarea,input[type=file]{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;background:#fff}.checkbox-row,.radio-row,.tool-row,.actions{display:flex;flex-wrap:wrap;gap:10px}.checkbox-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #d1d5db;border-radius:999px;padding:6px 10px}.family-box{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:180px;overflow:auto;border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fafafa}.family-item{display:flex;align-items:center;gap:8px}button{border:none;border-radius:10px;padding:10px 14px;cursor:pointer;background:#111827;color:#fff;font-weight:700}button.secondary{background:#e5e7eb;color:#111827}button:disabled{opacity:.5;cursor:not-allowed}.status{background:#eff6ff}.error{background:#fef2f2;color:#991b1b}.result-header{margin-bottom:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left;vertical-align:top;font-size:14px}th{background:#f9fafb;position:sticky;top:0}.thumb{width:72px;height:72px;object-fit:contain;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.empty{text-align:center;color:#6b7280;padding:32px}@media (max-width: 1100px){.grid-4,.grid-2{grid-template-columns:1fr}.family-box{grid-template-columns:repeat(2,minmax(0,1fr))}}