.up-tool .up-panels{margin: 0 -10px}.up-tool .form-control-group{margin-bottom: 18px}.up-tool .up-panel-header{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap}.up-tool .up-panel-header>div{display: flex;gap: 8px;flex-wrap: wrap;align-items: center}.up-tool .control-label{font-size: 13px;font-weight: 600;color: #111827;margin-bottom: 4px;display: block}.up-tool .up-textarea{width: 100%;min-height: 180px;resize: vertical;font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 12.5px;line-height: 1.5;padding: 10px 12px;border-radius: 6px;border: 1px solid #e5e7eb;background: #fff;color: #1f2937}.up-tool .up-textarea:focus{outline: none;border-color: #d1d5db}.up-tool .up-meta{font-size: 12px;color: #6b7280;margin-top: 8px}.up-tool .up-warning{margin-top: 8px;padding: 8px 12px;border-radius: 6px;background: #fffbeb;border: 1px solid #fde68a;color: #92400e;font-size: 12.5px}.up-tool .up-tips-panel{margin-top: 18px}.up-tool .up-tip{font-size: 12.5px;line-height: 1.55;color: #4b5563;margin: 0 0 8px}.up-tool .up-tip:last-child{margin-bottom: 0}.up-tool .up-tip code{background: #f1f5f9;padding: 1px 5px;border-radius: 3px;font-size: 11px}.up-tool .up-tabs{display: flex;gap: 2px}.up-tool .up-tab{border: 1px solid transparent;background: transparent;color: #475569;font-size: 13px;padding: 6px 14px;cursor: pointer;border-radius: 6px 6px 0 0;font-weight: 500}.up-tool .up-tab:hover{color: #2563eb}.up-tool .up-tab.is-active{background: #fff;color: #2563eb;border-color: #e2e8f0 #e2e8f0 #fff;margin-bottom: -1px}.up-tool .up-hero{background: var(--primary-soft);border: 1px solid #99f6e4;border-left: 4px solid #1c8b84;border-radius: 10px;padding: 18px;min-height: 260px}.up-tool .up-empty{text-align: center;padding: 40px 10px;color: #94a3b8}.up-tool .up-empty i{font-size: 40px;display: block;margin-bottom: 8px}.up-tool .up-empty p{margin: 0}.up-tool .up-base{background: #fff;border: 1px solid #e2e8f0;border-radius: 8px;padding: 10px 14px;margin-bottom: 12px;font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 12.5px;color: #1e3a8a;word-break: break-all}.up-tool .up-table-view{background: #fff;border: 1px solid #e2e8f0;border-radius: 8px;padding: 8px;margin-bottom: 12px;max-height: 320px;overflow-y: auto}.up-tool .up-table{width: 100%;border-collapse: collapse}.up-tool .up-table th{text-align: left;font-size: 11px;text-transform: uppercase;letter-spacing: 0.03em;color: #6b7280;padding: 8px 10px;border-bottom: 1px solid #e2e8f0}.up-tool .up-table td{padding: 2px 4px;border-bottom: 1px solid #f1f5f9}.up-tool .up-table tr:last-child td{border-bottom: none}.up-tool .up-table input{width: 100%;border: 1px solid transparent;background: transparent;font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 12.5px;padding: 6px 10px;border-radius: 4px;color: #1f2937}.up-tool .up-table input:hover{border-color: #e2e8f0;background: #f8fafc}.up-tool .up-table input:focus{border-color: var(--primary,#2563eb);outline: none;background: #fff}.up-tool .up-del{border: none;background: transparent;color: #ef4444;cursor: pointer;font-size: 16px;padding: 4px 8px;border-radius: 4px}.up-tool .up-del:hover{background: #fee2e2}.up-tool .up-json{background: #0f172a;color: #e2e8f0;border-radius: 8px;padding: 14px;margin: 0 0 12px;font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 12.5px;line-height: 1.55;overflow: auto}.up-tool .up-out-url{background: #fff;border: 1px solid #e2e8f0;border-radius: 8px;padding: 10px 14px}.up-tool .up-out-url code{display: block;font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 12px;color: #1e3a8a;word-break: break-all;line-height: 1.5;max-height: 120px;overflow-y: auto}.up-tool .up-toast{margin-top: 8px;padding: 6px 12px;border-radius: 6px;background: #dcfce7;border: 1px solid #86efac;color: #166534;font-size: 12.5px;display: inline-block}:root[data-theme="dark"] .up-tool .up-panel-header{background: #1f2422;color: #e5e7eb;border-bottom-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .up-tool .control-label{color: #e5e7eb}:root[data-theme="dark"] .up-tool .up-textarea{background: #161a18;border-color: #37423d;color: #e5e7eb}:root[data-theme="dark"] .up-tool .up-meta{color: #9ca3af}:root[data-theme="dark"] .up-tool .up-warning{background: rgba(146,64,14,0.15);border-color: rgba(146,64,14,0.4);color: #fbbf24}:root[data-theme="dark"] .up-tool .up-tip{color: #9ca3af}:root[data-theme="dark"] .up-tool .up-tip code{background: #1e293b;color: #93c5fd}:root[data-theme="dark"] .up-tool .up-tab{color: #9ca3af}:root[data-theme="dark"] .up-tool .up-tab:hover{color: #93c5fd}:root[data-theme="dark"] .up-tool .up-tab.is-active{background: #0f172a;color: #93c5fd;border-color: #334155 #334155 #0f172a}:root[data-theme="dark"] .up-tool .up-hero{background: var(--primary-soft);border-color: #134e4a;border-left-color: #1c8b84}:root[data-theme="dark"] .up-tool .up-empty{color: #64748b}:root[data-theme="dark"] .up-tool .up-base{background: #0f172a;border-color: #1e3a5f;color: #3b82f6}:root[data-theme="dark"] .up-tool .up-table-view{background: #0f172a;border-color: #1e3a5f}:root[data-theme="dark"] .up-tool .up-table th{color: #6b7280;border-bottom-color: #1e3a5f}:root[data-theme="dark"] .up-tool .up-table td{border-bottom-color: #1e293b}:root[data-theme="dark"] .up-tool .up-table input{color: #e5e7eb}:root[data-theme="dark"] .up-tool .up-table input:hover{background: #1e293b}:root[data-theme="dark"] .up-tool .up-table input:focus{background: #1e293b;border-color: #3b82f6}:root[data-theme="dark"] .up-tool .up-del:hover{background: rgba(239,68,68,0.15)}:root[data-theme="dark"] .up-tool .up-json{background: #0b1120;color: #e2e8f0}:root[data-theme="dark"] .up-tool .up-out-url{background: #0f172a;border-color: #1e3a5f}:root[data-theme="dark"] .up-tool .up-out-url code{color: #3b82f6}:root[data-theme="dark"] .up-tool .up-toast{background: rgba(22,101,52,0.2);border-color: rgba(22,101,52,0.5);color: #86efac}@media (max-width: 767px){.up-tool .row-layout{flex-direction: column}}