.dl-container{display:flex;flex-direction:column;gap:16px;height:100%;font-family:var(--font-sans);color:var(--text);}.dl-input-row{display:flex;gap:8px;align-items:center;}.dl-input{flex:1;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;font-family:var(--font-sans);outline:none;transition:border-color .2s;}.dl-input:focus{border-color:var(--accent);}.dl-input::placeholder{color:var(--text-muted);}.dl-btn{padding:10px 18px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s;}.dl-btn:hover{opacity:.85;}.dl-btn:disabled{opacity:.5;cursor:not-allowed;}.dl-btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);}.dl-btn-secondary:hover{background:var(--surface-3);opacity:1;}.dl-btn-secondary.dl-active{background:var(--accent);color:#fff;border-color:var(--accent);}.dl-type-tabs{display:flex;gap:6px;flex-wrap:wrap;}.dl-type-btn{padding:6px 14px;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;font-family:var(--font-mono);}.dl-type-btn:hover{background:var(--surface-3);color:var(--text);}.dl-type-btn.dl-active{background:var(--accent);color:#fff;border-color:var(--accent);}.dl-results{flex:1;overflow:auto;}.dl-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:12px;}.dl-table-header{padding:10px 14px;background:var(--surface-2);font-size:13px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;}.dl-table-badge{padding:2px 8px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);}.dl-table{width:100%;border-collapse:collapse;font-size:13px;}.dl-table th{text-align:left;padding:8px 14px;background:var(--surface-2);color:var(--text-muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);}.dl-table td{padding:8px 14px;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:12px;word-break:break-all;}.dl-table tr:last-child td{border-bottom:none;}.dl-table tr:hover td{background:var(--surface-2);}.dl-spinner{display:flex;align-items:center;justify-content:center;padding:40px;gap:10px;color:var(--text-muted);font-size:13px;}.dl-spinner-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:dl-bounce .6s infinite alternate;}.dl-spinner-dot:nth-child(2){animation-delay:.2s;}.dl-spinner-dot:nth-child(3){animation-delay:.4s;}@keyframes dl-bounce{to{opacity:.3;transform:translateY(-6px);}}.dl-error{padding:14px;background:color-mix(in srgb,var(--red) 12%,transparent);border:1px solid color-mix(in srgb,var(--red) 30%,transparent);border-radius:var(--radius);color:var(--red);font-size:13px;}.dl-empty{padding:40px;text-align:center;color:var(--text-muted);font-size:13px;}.dl-record-count{color:var(--text-muted);font-size:11px;font-weight:400;}@media (max-width:768px){.dl-container{padding:12px;}.dl-input-row{flex-direction:column;}.dl-input{min-width:0;}.dl-btn{width:100%;}.dl-type-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;}.dl-table{font-size:11px;}.dl-table th,.dl-table td{padding:6px 8px;}}