.pu-tool .pu-panels{margin: 0 -10px}.pu-tool .form-control-group{margin-bottom: 18px}.pu-tool .pu-panel-header{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap}.pu-tool .pu-input{font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 13px;line-height: 1.5;resize: vertical}.pu-tool .pu-btn-row{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 10px}.pu-tool .pu-error{margin-top: 10px;padding: 8px 12px;border-radius: 6px;background: #fef2f2;border: 1px solid #fecaca;color: #b91c1c;font-size: 12.5px;display: flex;align-items: center;gap: 6px}.pu-tool .pu-error i{flex-shrink: 0}.pu-tool .pu-types{display: flex;flex-direction: column;gap: 5px}.pu-tool .pu-type{display: flex;gap: 8px;align-items: baseline;font-size: 12.5px}.pu-tool .pu-type code{background: #f1f5f9;color: #0e7490;padding: 1px 6px;border-radius: 4px;font-size: 11.5px;min-width: 110px;display: inline-block}.pu-tool .pu-type span{color: #4b5563}.pu-tool .pu-note{margin-top: 10px;font-size: 12px;color: #6b7280;font-style: italic}.pu-tool .pu-hero{background: #f0fdfa;border: 1px solid #99f6e4;border-left: 4px solid #0d9488;border-radius: 10px;padding: 16px;min-height: 280px}.pu-tool .pu-hero-badges{display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 10px;min-height: 20px}.pu-tool .pu-badge{display: inline-block;padding: 2px 10px;font-size: 11px;font-weight: 600;border-radius: 999px;background: #ccfbf1;color: #0f766e}.pu-tool .pu-hero-out{margin: 0;font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 13px;line-height: 1.55;color: #a7f3d0;background: #0f172a;padding: 14px;border-radius: 8px;white-space: pre-wrap;word-break: break-word;max-height: 420px;overflow-y: auto}.pu-tool .pu-toast{margin-top: 10px;padding: 6px 12px;border-radius: 6px;background: #0d9488;color: #fff;font-size: 12.5px;text-align: center}:root[data-theme="dark"] .pu-tool .pu-panel-header{background: #1f2422;color: #e5e7eb;border-bottom-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .pu-tool .pu-input{background: #161a18;border-color: #37423d;color: #e5e7eb}:root[data-theme="dark"] .pu-error{background: rgba(185,28,28,0.15);border-color: rgba(185,28,28,0.4);color: #fca5a5}:root[data-theme="dark"] .pu-type code{background: #2a312e;color: #5eead4}:root[data-theme="dark"] .pu-type span,:root[data-theme="dark"] .pu-note{color: #9ca3af}:root[data-theme="dark"] .pu-hero{background: #161a18;border-color: #2a312e;border-left-color: #0d9488}:root[data-theme="dark"] .pu-badge{background: rgba(13,148,136,0.25);color: #5eead4}:root[data-theme="dark"] .pu-hero-out{color: #99f6e4;background: #0b0f1a}@media (max-width: 767px){.pu-tool .row-layout{flex-direction: column}.pu-tool .pu-hero{min-height: 200px}}