.tn-tool .tn-panels{margin: 0 -10px}.tn-tool .form-control-group{margin-bottom: 18px}.tn-tool .form-control-group-header{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap}.tn-tool .tn-status{font-size: 12px;font-weight: 400;color: #6b7280}.tn-tool .form-group{margin-bottom: 14px}.tn-tool .control-label{font-size: 13px;font-weight: 600;color: #111827;margin-bottom: 4px}.tn-tool .tn-options{display: flex;flex-direction: column;gap: 8px;margin-bottom: 10px}.tn-tool .tn-check{display: flex;align-items: center;gap: 8px;font-size: 13.5px;color: #374151;cursor: pointer}.tn-tool .tn-check input{margin: 0}.tn-tool .tn-meta{font-size: 12px;color: #6b7280}.tn-tool .tn-hero{background: #f8fafc;border: 1px solid #e2e8f0;border-left: 4px solid #7c3aed;border-radius: 10px;padding: 18px 16px;margin-bottom: 14px}.tn-tool .tn-hero-badges{display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 12px}.tn-tool .tn-badge{display: inline-block;padding: 2px 10px;font-size: 11px;font-weight: 600;border-radius: 999px;text-transform: uppercase;letter-spacing: 0.03em}.tn-tool .tn-badge-live{background: #ede9fe;color: #6d28d9}.tn-tool .tn-hero-cmd{display: block;font-size: 30px;font-weight: 700;color: #0f172a;word-break: break-all;line-height: 1.35;letter-spacing: 0.02em}.tn-tool .tn-hero-group{margin-top: 8px;font-size: 14px;color: #64748b;word-break: break-all}.tn-tool .tn-section{margin-bottom: 14px}.tn-tool .tn-section-title{font-size: 13px;font-weight: 600;color: #111827;margin-bottom: 4px}.tn-tool .tn-code-row{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.tn-tool .tn-code{font-size: 15px;font-weight: 600;background: #eef2f7;border: 1px solid #e2e8f0;border-radius: 6px;padding: 5px 12px;color: #0f172a;word-break: break-all}.tn-tool .btn-outline-tn{border: 1px solid #7c3aed;color: #7c3aed;background: #fff;font-size: 12px;padding: 3px 10px;border-radius: 6px;cursor: pointer;transition: all 0.15s ease}.tn-tool .btn-outline-tn:hover{background: #7c3aed;color: #fff}.tn-tool .result-toolbar{display: flex;justify-content: space-between;align-items: center;gap: 10px;flex-wrap: wrap;border-top: 1px solid #f0f2f4;padding-top: 12px}.tn-tool .tn-meta{font-size: 12px;color: #6b7280}.tn-tool .tn-output-actions{display: flex;gap: 8px}.tn-tool .tn-message{display: flex;align-items: center;gap: 8px;margin-top: 12px;padding: 10px 14px;border-radius: 8px;font-size: 13px;border: 1px solid transparent}.tn-tool .tn-message.tn-msg-success{background: #d1fae5;color: #065f46;border-color: #a7f3d0}.tn-tool .tn-message.tn-msg-error{background: #fee2e2;color: #b91c1c;border-color: #fecaca}.tn-tool .tn-message.tn-msg-info{background: #dbeafe;color: #1e40af;border-color: #bfdbfe}.tn-tool .tn-message.is-fading{opacity: 0;transition: opacity 0.25s ease}.tn-tool .tn-tips{display: flex;flex-direction: column;gap: 10px}.tn-tool .tn-tip{display: flex;gap: 8px;font-size: 12.5px;line-height: 1.5}.tn-tool .tn-tip-k{flex: 0 0 auto;font-weight: 600;color: #7c3aed;min-width: 88px}.tn-tool .tn-tip-v{color: #4b5563}:root[data-theme="dark"] .tn-tool .tn-panel-header{background: #1f2422;color: #e5e7eb;border-bottom-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .tn-tool .tn-status{color: #9ca3af}:root[data-theme="dark"] .tn-tool .control-label{color: #e5e7eb}:root[data-theme="dark"] .tn-tool .form-control{background: #161a18;border-color: #37423d;color: #e5e7eb}:root[data-theme="dark"] .tn-tool .form-control::placeholder{color: #6b7280}:root[data-theme="dark"] .tn-tool .tn-check{color: #cbd5e1}:root[data-theme="dark"] .tn-tool .tn-meta{color: #9ca3af}:root[data-theme="dark"] .tn-tool .tn-hero{background: #161a18;border-color: #2a312e;border-left-color: #7c3aed}:root[data-theme="dark"] .tn-tool .tn-hero-cmd{color: #e5e7eb}:root[data-theme="dark"] .tn-tool .tn-hero-group{color: #94a3b8}:root[data-theme="dark"] .tn-tool .tn-section-title{color: #e5e7eb}:root[data-theme="dark"] .tn-tool .tn-code{background: #1f2422;border-color: #37423d;color: #e5e7eb}:root[data-theme="dark"] .tn-tool .btn-outline-tn{background: transparent;border-color: #7c3aed;color: #c4b5fd}:root[data-theme="dark"] .tn-tool .btn-outline-tn:hover{background: #7c3aed;color: #fff}:root[data-theme="dark"] .tn-tool .result-toolbar{border-top-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .tn-tool .tn-meta{color: #9ca3af}:root[data-theme="dark"] .tn-tool .tn-message.tn-msg-success{background: rgba(16,185,129,0.15);color: #6ee7b7;border-color: rgba(16,185,129,0.35)}:root[data-theme="dark"] .tn-tool .tn-message.tn-msg-error{background: rgba(239,68,68,0.15);color: #fca5a5;border-color: rgba(239,68,68,0.35)}:root[data-theme="dark"] .tn-tool .tn-message.tn-msg-info{background: rgba(59,130,246,0.15);color: #93c5fd;border-color: rgba(59,130,246,0.35)}:root[data-theme="dark"] .tn-tool .tn-tip-k{color: #c4b5fd}:root[data-theme="dark"] .tn-tool .tn-tip-v{color: #9ca3af}@media (max-width: 767px){.tn-tool .row-layout{flex-direction: column}.tn-tool .tn-status{display: none}.tn-tool .tn-hero-cmd{font-size: 24px}.tn-tool .result-toolbar{flex-direction: column;align-items: stretch}.tn-tool .tn-output-actions{justify-content: flex-start}}