*,:before,:after{box-sizing:border-box}body{margin:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f5f7fa;font-family:Segoe UI,system-ui,sans-serif;line-height:1.6}.app{max-width:960px;margin:2rem auto;padding:0 1rem}h1{color:#1a1a2e;margin-bottom:1.5rem;font-size:1.6rem}.search-form{background:#fff;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 1px 4px #00000014}.search-form label{color:#444;flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:600;display:flex}.search-form input{border:1px solid #ccc;border-radius:6px;outline:none;width:200px;padding:.5rem .75rem;font-size:1rem;transition:border-color .15s}.search-form input:focus{border-color:#4f6bed}.input--error{border-color:#e53e3e!important}.field-error{color:#e53e3e;font-size:.75rem;font-weight:400}.search-form button{color:#fff;cursor:pointer;background:#4f6bed;border:none;border-radius:6px;padding:.55rem 1.5rem;font-size:1rem;transition:background .15s}.search-form button:hover:not(:disabled){background:#3a56d4}.search-form button:disabled{opacity:.5;cursor:not-allowed}.color-suggest{position:relative}.color-input,.color-input--selected{border:1px solid #ccc;border-radius:6px;outline:none;width:220px;padding:.5rem .75rem;font-size:1rem;transition:border-color .15s}.color-input--selected{background:#eef1fc;border-color:#4f6bed}.suggest-list{z-index:100;background:#fff;border:1px solid #ccc;border-radius:6px;width:100%;min-width:220px;max-height:240px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.suggest-item{cursor:pointer;padding:.45rem .75rem;font-size:.9rem}.suggest-item--active{color:#3a56d4;background:#eef1fc}.suggest-more{color:#999;border-top:1px solid #f0f0f0;padding:.4rem .75rem;font-size:.8rem}.suggest-part-no{margin-right:.5rem;font-family:monospace;font-weight:600}.suggest-part-name{color:#666;font-size:.82rem}.history{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1rem;display:flex}.history-label{color:#888;white-space:nowrap;font-size:.78rem}.history-chip{color:#444;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:999px;padding:.25rem .65rem;font-size:.8rem;transition:background .12s,border-color .12s;position:relative}.history-chip:hover{color:#3a56d4;background:#eef1fc;border-color:#4f6bed}.history-chip-tooltip{color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;opacity:0;z-index:10;background:#333;border-radius:4px;max-width:220px;padding:.3rem .6rem;font-size:.75rem;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;overflow:hidden;transform:translate(-50%)}.history-chip:hover .history-chip-tooltip{opacity:1}.loading{color:#555;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.spinner{border:3px solid #ddd;border-top-color:#4f6bed;border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cache-info{color:#888;margin-bottom:.5rem;font-size:.8rem}.stale-warn{color:#7a5c00;background:#fffbeb;border:1px solid #f6d860;border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.error-msg{color:#c53030;background:#fff5f5;border:1px solid #feb2b2;border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem}.error-msg a{color:#c53030;font-weight:600}.result-count{color:#555;margin-bottom:.5rem;font-size:.9rem}.no-results{color:#666;background:#f7f7f7;border:1px solid #ddd;border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem}.result-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 1px 4px #00000014}.result-table th,.result-table td{text-align:left;border-bottom:1px solid #f0f0f0;padding:.65rem 1rem;font-size:.9rem}.result-table th{color:#333;white-space:nowrap;background:#f7f9ff;font-weight:700}.result-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.result-table th.sortable:hover{background:#eef1fc}.result-table tbody tr:last-child td{border-bottom:none}.result-table tbody tr:hover{background:#fafbff}.result-table a{color:#4f6bed;text-decoration:none}.result-table a:hover{text-decoration:underline}.footer{color:#aaa;text-align:center;border-top:1px solid #e8e8e8;margin-top:2rem;padding-top:1rem;font-size:.75rem}@media (width<=600px){h1{font-size:1.2rem}.search-form{flex-direction:column;align-items:stretch;padding:1rem}.search-form input,.color-input,.color-input--selected,.search-form button{width:100%}.result-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.result-table th,.result-table td{padding:.5rem .6rem;font-size:.82rem}}