.di-tool .di-panel{margin-bottom: 16px}.di-body{display: flex;flex-direction: column;gap: 14px}.di-hint{font-size: 12px;line-height: 1.65;color: var(--text-3,#8f918a)}.di-set{display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.di-set-title{flex: 0 0 auto;font-size: 12px;font-weight: 700;color: var(--text-3,#8f918a)}.di-item{display: inline-flex;align-items: center;min-height: 32px;padding: 4px 14px;font-size: 13px;color: var(--text-2,#5c615d);background: var(--bg-soft,#f8fafc);border: 1px solid var(--border,#ddd8ca);border-radius: 999px;cursor: pointer}.di-item:hover{border-color: var(--primary,#116466);color: var(--primary,#116466);background: var(--primary-soft,#eff6ff)}.di-status{font-size: 13px;line-height: 1.6;padding: 9px 12px;border-radius: 10px;border: 1px solid var(--border,#ddd8ca);background: var(--bg-soft,#f8fafc);color: var(--text-2,#5c615d)}.di-status:empty{display: none}.di-status-busy{border-color: rgba(17,100,102,0.28);background: var(--primary-soft,#eff6ff);color: var(--primary,#116466)}.di-status-ok{border-color: rgba(22,163,74,0.28);background: var(--success-soft,#f0fdf4);color: var(--success,#16a34a)}.di-status-warn{border-color: rgba(217,119,6,0.28);background: var(--warning-soft,#fffbeb);color: var(--warning,#d97706)}.di-status-error{border-color: rgba(220,38,38,0.28);background: var(--danger-soft,#fef2f2);color: var(--danger,#dc2626)}.di-head-tools{display: inline-flex;flex-wrap: wrap;align-items: center;gap: 8px}.di-badge{font-size: 12px;font-weight: 700;padding: 3px 12px;border-radius: 999px;border: 1px solid var(--border,#ddd8ca);background: var(--bg-soft,#f8fafc);color: var(--text-3,#8f918a);white-space: nowrap}.di-badge.is-ok{background: var(--success-soft,#f0fdf4);color: var(--success,#16a34a);border-color: rgba(22,163,74,0.28)}.di-badge.is-warn{background: var(--warning-soft,#fffbeb);color: var(--warning,#d97706);border-color: rgba(217,119,6,0.28)}.di-badge.is-info{background: var(--info-soft,#ecfeff);color: var(--info,#0891b2);border-color: rgba(8,145,178,0.28)}.di-badge.is-error{background: var(--danger-soft,#fef2f2);color: var(--danger,#dc2626);border-color: rgba(220,38,38,0.28)}.di-copy-btn{font-size: 12px;line-height: 1.4;padding: 4px 10px;border-radius: 8px;border: 1px solid var(--border,#ddd8ca);background: var(--bg-soft,#f8fafc);color: var(--text-2,#5c615d)}.di-copy-btn:hover{border-color: var(--primary,#116466);color: var(--primary,#116466)}.di-meta{font-size: 12px;line-height: 1.6;color: var(--text-3,#8f918a);margin-bottom: 10px}.di-meta:empty{display: none}.di-notice{font-size: 13px;line-height: 1.7;padding: 10px 13px;margin-bottom: 14px;border-radius: 10px;border: 1px solid rgba(8,145,178,0.28);background: var(--info-soft,#ecfeff);color: var(--info,#0891b2)}.di-block{border: 1px solid var(--border,#ddd8ca);border-radius: var(--radius-lg,14px);background: var(--bg,#ffffff);padding: 4px 14px 10px;margin-bottom: 14px}.di-block-head{display: flex;flex-wrap: wrap;align-items: baseline;gap: 10px;padding: 10px 0 8px;border-bottom: 1px solid var(--border,#e5e2d9);font-size: 15px;color: var(--text,#0f172a)}.di-block-note{font-size: 12px;color: var(--text-3,#8f918a)}.di-table{width: 100%;border-collapse: collapse;font-size: 14px;table-layout: fixed}.di-table th,.di-table td{padding: 9px 8px;text-align: left;vertical-align: top;border-bottom: 1px solid var(--border,#e5e2d9);word-break: break-word}.di-table tr:last-child th,.di-table tr:last-child td{border-bottom: none}.di-table th{width: 148px;font-weight: 700;color: var(--text-2,#5c615d)}.di-table td{font-family: var(--mono,ui-monospace,Menlo,Consolas,monospace);font-size: 13.5px;color: var(--text,#0f172a)}.di-notes{margin: 8px 0 0;padding-left: 20px;list-style: disc}.di-notes li{font-size: 13px;line-height: 1.8;color: var(--text-2,#5c615d)}[data-theme="dark"] .di-block,[data-theme="dark"] .di-item,[data-theme="dark"] .di-badge,[data-theme="dark"] .di-copy-btn{background: var(--bg-soft,#161b22)}[data-theme="dark"] .di-block{border-color: var(--border,#2a3038)}[data-theme="dark"] .di-block-head,[data-theme="dark"] .di-table th,[data-theme="dark"] .di-table td{border-bottom-color: var(--border,#2a3038)}@media (max-width: 767px){.di-block{padding: 2px 10px 8px}.di-block-head{font-size: 14px}.di-table{font-size: 13px}.di-table th,.di-table td{padding: 8px 6px}.di-table th{width: 96px;font-size: 12px}.di-head-tools{gap: 6px}}