:root{--color-page:#fafafa;--color-surface:#fff;--color-surface-muted:#f4f4f5;--color-surface-hover:#f8fafc;--color-text:#09090b;--color-muted:#71717a;--color-border:#e4e4e7;--color-border-strong:#d4d4d8;--color-accent:#2563eb;--color-accent-muted:#eff6ff;--color-success:#15803d;--color-success-muted:#f0fdf4;--color-warning:#a16207;--color-warning-muted:#fefce8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--radius-sm:4px;--radius-md:6px;--font-body:"Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.45rem;--container:1120px;color:var(--color-text);background:var(--color-page);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}body{background:var(--color-page);min-width:320px;margin:0}button,input,select{font:inherit}button,select,input[type=checkbox]{cursor:pointer}.shell{width:min(var(--container), calc(100% - var(--space-7)));padding:var(--space-5) 0 var(--space-7);margin:0 auto}.topBar{justify-content:space-between;align-items:flex-end;gap:var(--space-5);padding:var(--space-3) 0 var(--space-5);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4);display:flex}.topBar h1{margin:var(--space-1) 0 0;color:var(--color-text);font-size:var(--text-lg);letter-spacing:-.03em;word-break:keep-all;font-weight:700;line-height:1.25}.topBar>p{max-width:420px;color:var(--color-muted);font-size:var(--text-sm);text-align:right;margin:0;line-height:1.55}.eyebrow{letter-spacing:.04em;margin:0;font-weight:600;color:var(--color-muted)!important;font-size:var(--text-xs)!important}.panel{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);background:var(--color-surface)}.searchPanel{gap:var(--space-2);display:grid}.searchControls,.profileControl,.snapshot,.importedList,.tagList,.placementList{align-items:center;display:flex}.searchControls,.profileControl{gap:var(--space-2);flex-wrap:wrap}label{color:var(--color-text);font-size:var(--text-sm);white-space:nowrap;font-weight:600}input:not([type=checkbox]),select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:40px;padding:0 var(--space-3);color:var(--color-text);background:var(--color-surface);outline:none}input:not([type=checkbox]){flex:280px;min-width:min(360px,100%)}select{min-width:180px}input:not([type=checkbox]):focus,select:focus,button:focus-visible,input[type=checkbox]:focus-visible{border-color:var(--color-accent);outline:2px solid var(--color-accent-muted);outline-offset:1px}input::placeholder{color:var(--color-muted)}button{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-accent);border-radius:var(--radius-sm);min-height:40px;padding:0 var(--space-4);color:var(--color-surface);background:var(--color-accent);font-weight:600;transition:background-color .12s,border-color .12s;display:inline-flex}button:hover{border-color:var(--color-text);background:var(--color-text)}.searchPanel p[role=status]{color:var(--color-muted);font-size:var(--text-sm);margin:0;line-height:1.5}.controls,.snapshot{gap:var(--space-3);flex-wrap:wrap}.snapshot{padding:var(--space-3) var(--space-4)}.snapshot strong,.snapshot span,.placementList span,.tagBadge{border-radius:var(--radius-sm);width:fit-content;font-size:var(--text-xs);align-items:center;font-weight:600;line-height:1;display:inline-flex}.snapshot strong,.snapshot span{min-height:28px;padding:0 var(--space-2);border:1px solid var(--color-border);color:var(--color-muted);background:var(--color-page)}.snapshot strong{color:var(--color-success);background:var(--color-success-muted)}.importedPanel h2{margin:0 0 var(--space-2);color:var(--color-text);font-size:var(--text-md);letter-spacing:-.015em;font-weight:700}.importedList{gap:var(--space-1);flex-wrap:wrap}.tablePanel{padding:0;overflow-x:auto}table{border-spacing:0;border-collapse:separate;background:var(--color-surface);width:100%;min-width:820px}th,td{border-bottom:1px solid var(--color-border);height:40px;padding:var(--space-2) var(--space-3);text-align:left;vertical-align:middle;word-break:keep-all}th{color:var(--color-muted);background:var(--color-surface-muted);font-size:var(--text-xs);font-weight:600}td{color:var(--color-text);font-size:var(--text-sm);line-height:1.42}tbody tr:hover td{background:var(--color-surface-hover)}tbody tr:last-child td{border-bottom:0}td strong{color:var(--color-text);font-size:var(--text-sm);font-weight:600}input[type=checkbox]{appearance:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);place-content:center;width:18px;height:18px;margin:0;display:grid}input[type=checkbox]:before{background:var(--color-accent);content:"";border-radius:2px;width:10px;height:10px;transition:transform .1s ease-in-out;transform:scale(0)}input[type=checkbox]:checked{border-color:var(--color-accent);background:var(--color-accent-muted)}input[type=checkbox]:checked:before{transform:scale(1)}.tagList,.placementList{gap:var(--space-1);flex-wrap:wrap}.tagBadge{min-height:22px;padding:0 var(--space-2);border:1px solid var(--color-border);color:var(--color-warning);background:var(--color-warning-muted)}.placement h2{margin:0 0 var(--space-1);color:var(--color-text);font-size:var(--text-md);letter-spacing:-.015em;font-weight:700}.placement p{margin:0 0 var(--space-3);color:var(--color-muted);font-size:var(--text-sm);line-height:1.55}.placementList span{min-height:26px;padding:0 var(--space-2);border:1px solid var(--color-border);color:var(--color-muted);background:var(--color-page)}@media (width<=720px){.shell{width:min(100% - var(--space-4), var(--container));padding:var(--space-3) 0 var(--space-6)}.topBar{display:block}.topBar>p{max-width:none;margin-top:var(--space-2);text-align:left}.searchControls,.profileControl,.snapshot{align-items:stretch}input:not([type=checkbox]),select,button{width:100%;min-width:0}}