.ru-tool .ru-panels{margin: 0 -10px}.ru-tool .form-control-group{margin-bottom: 18px}.ru-tool .form-control-group-header{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap}.ru-tool .ru-status{font-size: 12px;font-weight: 400;color: #6b7280}.ru-tool .control-label{font-size: 13px;font-weight: 600;color: #111827;margin-bottom: 4px}.ru-tool .ru-actions{display: flex;gap: 8px;flex-wrap: wrap;margin-top: 6px}.ru-tool .ru-btn{padding: 7px 16px;font-size: 13px;border-radius: 8px;border: 1px solid transparent;cursor: pointer}.ru-tool #ru-start{background: #ea580c;color: #fff}.ru-tool #ru-start:hover{background: #c2410c}.ru-tool #ru-stop{background: #dc2626;color: #fff}.ru-tool #ru-stop:hover{background: #b91c1c}.ru-tool #ru-reset{background: #f1f5f9;color: #475569;border-color: #e2e8f0}.ru-tool #ru-reset:hover{background: #e2e8f0}.ru-tool .ru-feedback{margin-top: 10px;padding: 8px 12px;border-radius: 8px;font-size: 12.5px;background: #fff7ed;border: 1px solid #fed7aa;color: #9a3412}.ru-tool .ru-hero{background: #fff7ed;border: 1px solid #fed7aa;border-left: 4px solid #ea580c;border-radius: 10px;padding: 14px 16px;margin-bottom: 14px;display: flex;align-items: center;gap: 12px}.ru-tool .ru-hero-dot{width: 12px;height: 12px;border-radius: 50%;background: #9ca3af;flex: 0 0 auto}.ru-tool .ru-hero-dot.is-running{background: #16a34a;box-shadow: 0 0 0 4px rgba(22,163,74,0.2)}.ru-tool .ru-hero-url{font-family: 'SFMono-Regular',Menlo,Consolas,monospace;font-size: 14px;font-weight: 600;color: #7c2d12;word-break: break-all;flex: 1}.ru-tool .ru-hero-sub{font-size: 12px;color: #9a3412;white-space: nowrap}.ru-tool .ru-frame-wrap{border: 1px solid #e2e8f0;border-radius: 10px;overflow: hidden;background: #fff}.ru-tool #ru-frame{display: block}.ru-tool .ru-open{margin-top: 10px;text-align: right}.ru-tool .ru-warning{background: #fef2f2;border: 1px solid #fecaca;border-left: 4px solid #dc2626;border-radius: 10px;padding: 14px 16px;margin-bottom: 18px}.ru-tool .ru-warning-title{font-size: 13px;font-weight: 700;color: #b91c1c;margin-bottom: 6px}.ru-tool .ru-warning p{font-size: 12.5px;color: #7f1d1d;line-height: 1.55;margin: 0 0 6px}.ru-tool .ru-warning p:last-child{margin-bottom: 0}.ru-tool .ru-warning code{background: rgba(220,38,38,0.08);padding: 1px 5px;border-radius: 4px;font-size: 11.5px}.ru-tool .ru-tips{display: flex;flex-direction: column;gap: 10px}.ru-tool .ru-tip{display: flex;gap: 8px;font-size: 12.5px;line-height: 1.5}.ru-tool .ru-tip-k{flex: 0 0 auto;font-weight: 600;color: #ea580c;min-width: 110px}.ru-tool .ru-tip-v{color: #4b5563}.ru-tool .ru-tip-v code{background: #f1f5f9;padding: 1px 5px;border-radius: 4px;font-size: 11.5px}:root[data-theme="dark"] .ru-tool .ru-panel-header{background: #1f2422;color: #e5e7eb;border-bottom-color: rgba(255,255,255,0.08)}:root[data-theme="dark"] .ru-tool .ru-status{color: #9ca3af}:root[data-theme="dark"] .ru-tool .control-label{color: #e5e7eb}:root[data-theme="dark"] .ru-tool .form-control{background: #161a18;border-color: #37423d;color: #e5e7eb}:root[data-theme="dark"] .ru-tool .form-control::placeholder{color: #6b7280}:root[data-theme="dark"] .ru-tool #ru-reset{background: #1f2422;color: #cbd5e1;border-color: #37423d}:root[data-theme="dark"] .ru-tool #ru-reset:hover{background: #2a312e}:root[data-theme="dark"] .ru-tool .ru-feedback{background: rgba(234,88,12,0.15);border-color: rgba(234,88,12,0.3);color: #fdba74}:root[data-theme="dark"] .ru-tool .ru-hero{background: #161a18;border-color: #2a312e;border-left-color: #ea580c}:root[data-theme="dark"] .ru-tool .ru-hero-url{color: #fdba74}:root[data-theme="dark"] .ru-tool .ru-hero-sub{color: #9a3412}:root[data-theme="dark"] .ru-tool .ru-frame-wrap{border-color: #2a312e}:root[data-theme="dark"] .ru-tool .ru-warning{background: rgba(220,38,38,0.1);border-color: rgba(220,38,38,0.3);border-left-color: #dc2626}:root[data-theme="dark"] .ru-tool .ru-warning-title{color: #fca5a5}:root[data-theme="dark"] .ru-tool .ru-warning p{color: #fecaca}:root[data-theme="dark"] .ru-tool .ru-warning code{background: rgba(220,38,38,0.2)}:root[data-theme="dark"] .ru-tool .ru-tip-k{color: #fb923c}:root[data-theme="dark"] .ru-tool .ru-tip-v{color: #9ca3af}:root[data-theme="dark"] .ru-tool .ru-tip-v code{background: #2a312e}@media (max-width: 767px){.ru-tool .row-layout{flex-direction: column}.ru-tool .ru-hero{flex-direction: column;align-items: flex-start;gap: 6px}.ru-tool .ru-tip{flex-direction: column;gap: 2px}.ru-tool .ru-tip-k{min-width: 0}}