.sp-tool{max-width: 1280px}.sp-panels{align-items: flex-start}.sp-input-panel,.sp-result-panel{height: auto;min-width: 0}.sp-panel-header{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap}.sp-result-status{font-size: 12px;font-weight: 400;color: var(--text-secondary,#6c757d);max-width: 60%;text-align: right}.sp-settings-body,.sp-result-body{display: flex;flex-direction: column;gap: 14px;min-width: 0}.sp-tabs{display: flex;gap: 4px;border-bottom: 1px solid var(--border-color,#e3e6ea)}.sp-tab{border: none;background: transparent;padding: 7px 14px;font-size: 13px;color: var(--text-secondary,#6c757d);cursor: pointer;border-bottom: 2px solid transparent;margin-bottom: -1px}.sp-tab.active{color: var(--brand,#0a58ca);border-bottom-color: var(--brand,#0a58ca);font-weight: 600}.sp-tabpane.hidden{display: none}.sp-textarea{min-height: 210px;resize: vertical;font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 12.5px;line-height: 1.5}.sp-drop{position: relative;border: 2px dashed var(--border-color,#c9ced6);border-radius: 8px;padding: 26px 16px;text-align: center;cursor: pointer;transition: border-color 0.15s ease,background 0.15s ease}.sp-drop.hover{border-color: var(--brand,#0a58ca);background: rgba(10,88,202,0.05)}.sp-file{position: absolute;inset: 0;opacity: 0;cursor: pointer}.sp-drop-inner i{font-size: 26px;color: var(--text-secondary,#6c757d)}.sp-drop-inner p{margin: 8px 0 0;font-size: 13px;color: var(--text-secondary,#6c757d)}.sp-opts{border-top: 1px solid var(--border-color,#e3e6ea);padding-top: 14px}.sp-opts-group{display: flex;flex-direction: column;gap: 10px}.sp-opts-group h4{margin: 0;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-secondary,#6c757d)}.sp-inline-row{display: flex;gap: 14px;flex-wrap: wrap}.sp-inline{display: flex;align-items: center;gap: 7px;font-size: 12.5px;color: var(--text-secondary,#6c757d);white-space: nowrap}.sp-inline .form-control{width: 92px;padding: 4px 8px;font-size: 12.5px}.sp-inline select.form-control{width: 128px}.sp-hex{width: 92px !important;font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.sp-action-row{display: flex;gap: 10px;flex-wrap: wrap}.sp-action-row .btn{min-width: 130px}.sp-message{display: flex;align-items: flex-start;gap: 8px;padding: 10px 12px;border-radius: 6px;background: #fdecea;color: #b3261e;font-size: 13px;line-height: 1.5}.sp-message.hidden{display: none}.sp-preview-wrap{display: flex;align-items: center;justify-content: center;min-height: 300px;border: 1px solid var(--border-color,#e3e6ea);border-radius: 8px;background: var(--surface,#fff);overflow: auto;padding: 12px}.sp-placeholder{text-align: center;color: var(--text-secondary,#6c757d)}.sp-placeholder i{font-size: 40px;display: block;margin-bottom: 10px}.sp-placeholder p{margin: 0;font-size: 13px}.sp-preview{max-width: 100%;height: auto;display: block}.sp-preview.hidden{display: none}.sp-info{font-size: 13px;font-weight: 600;color: var(--text-primary,#212529);text-align: center}.sp-result-actions{display: flex;gap: 8px;justify-content: center;flex-wrap: wrap}.sp-note{display: flex;align-items: flex-start;gap: 8px;font-size: 12px;line-height: 1.55;color: var(--text-secondary,#6c757d)}.sp-note i{margin-top: 2px}.swap-note{display: flex;align-items: center;gap: 14px;margin-top: 16px;padding: 14px 16px;border: 1px solid var(--border-color,#e3e6ea);border-left: 4px solid var(--brand,#0a58ca);border-radius: 8px;background: rgba(10,88,202,0.04)}.swap-note>i{font-size: 22px;color: var(--brand,#0a58ca)}.swap-note-text{flex: 1;min-width: 0}.swap-note-text strong{display: block;font-size: 14px;color: var(--text-primary,#212529)}.swap-note-text span{font-size: 12.5px;color: var(--text-secondary,#6c757d);line-height: 1.5}.swap-note .btn{white-space: nowrap}@media (max-width: 767px){.sp-result-status{max-width: 100%;text-align: left}.sp-preview-wrap{min-height: 200px}.swap-note{flex-wrap: wrap}.swap-note .btn{width: 100%}}