.tool-page {padding:29px 0 75px}.tool-intro {padding:28px 31px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(125deg,#fff 55%,#fff2f0);box-shadow:var(--shadow)}.tool-intro h1 {font-size:32px;letter-spacing:-1.1px;line-height:1.4;font-weight:850}.tool-intro h1 span {color:var(--accent)}.tool-intro p {font-size:13px;color:#78859a;margin-top:7px;line-height:1.8}.tool-stats {display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.tool-stats span {font-size:11px;color:#536a8d;padding:5px 10px;border-radius:25px;background:#edf3fc}.tool-panel {background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;margin-top:20px;padding:24px 27px}.tool-panel-heading {display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.tool-panel-heading h2 {font-size:19px;letter-spacing:-.5px}.tool-panel-heading p {font-size:12px;color:#8693a4;margin-top:4px}.tool-input {display:block;width:100%;min-height:108px;padding:15px 16px;border:1px solid #dce4f0;background:#fbfcfe;border-radius:11px;color:#283750;font-size:18px;line-height:1.7;resize:vertical;outline:0}.tool-input:focus,.tool-search:focus {border-color:#83a5dc;box-shadow:0 0 0 3px #e8effb}.tool-input::placeholder {color:#b5becb}.tool-input-bar {display:flex;align-items:center;gap:9px;justify-content:space-between;margin-top:11px;flex-wrap:wrap}.tool-count {color:#8c98a8;font-size:11px}.tool-btn {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 13px;border-radius:8px;border:1px solid #dbe4ef;background:#fff;color:#53647e;font-size:12px;font-weight:750}.tool-btn:hover {background:#f2f6fc}.tool-btn.primary {background:#3b61a9;border-color:#3b61a9;color:#fff}.tool-btn.primary:hover {background:#304f91}.tool-search {height:42px;padding:0 13px;background:#fff;border:1px solid #dee6f0;border-radius:9px;outline:none;font-size:12px;width:min(300px,100%)}.tool-tabs {display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.tool-tab {border:1px solid #e7ebf2;background:#f6f8fb;color:#738196;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700}.tool-tab.active {color:#fff;background:#3b61a9;border-color:#3b61a9}.tool-results {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-result {border:1px solid #e5eaf2;border-radius:12px;min-width:0;background:#fff;overflow:hidden;transition:border-color .15s,background .15s}.tool-result:hover {border-color:#b4c8e6;background:#fcfdff}.tool-result-top {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px 0}.tool-result-title {color:#53617c;font-weight:800;font-size:12px}.tool-result-type {color:#9ba6b4;font-size:10px}.tool-result-actions {display:flex;align-items:center;gap:5px}.tool-result-copy {display:flex;flex-direction:column;justify-content:center;text-align:left;width:100%;border:0;background:transparent;padding:8px 14px 14px;min-height:85px;overflow:hidden}.tool-preview {color:#273753;font-family:"Segoe UI Symbol","Noto Sans Math","Apple Symbols",sans-serif;font-size:23px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.tool-result-sub {display:block;color:#a0aabc;font-size:10px;margin-top:6px}.tool-star {display:grid;place-items:center;border:0;background:transparent;color:#c1cbd8;width:30px;height:30px;border-radius:7px;font-size:18px}.tool-star.saved,.tool-star:hover {color:#e2ac47;background:#fff8e9}.tool-copy-sm {font-size:11px;border:1px solid #dfe7f1;background:#f8faff;padding:5px 9px;border-radius:7px;color:#40659e;font-weight:700}.tool-copy-sm:hover {background:#edf4ff}.tool-empty {padding:25px;text-align:center;color:#8794a5;font-size:13px}.tool-note {font-size:12px;color:#8490a3;line-height:1.85;margin-top:15px}.tool-help {padding:19px 23px;border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:18px}.tool-help h2 {font-size:15px}.tool-help p {font-size:12px;color:#7f8b9c;line-height:1.85;margin-top:7px}.tool-toast {position:fixed;z-index:99;bottom:25px;left:50%;transform:translate(-50%,12px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;background:#273851;color:#fff;padding:11px 17px;border-radius:10px;font-size:12px;max-width:calc(100vw - 20px);text-align:center;box-shadow:0 10px 26px rgba(32,45,65,.15)}.tool-toast.show {opacity:1;visibility:visible;transform:translate(-50%,0)}.tool-toast.error {background:#aa5554}.tool-manual {margin-top:10px;padding:12px;border:1px solid #f0d9cb;border-radius:9px;background:#fffbf7}.tool-manual p {font-size:11px;color:#956b57}.tool-manual input {width:100%;padding:9px;margin-top:6px;border:1px solid #dfc6b5;border-radius:7px;font-size:16px}.tool-toolbox {display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tool-inline-card {background:#f7f9fd;border:1px solid #e8edf5;border-radius:10px;padding:13px}.tool-inline-card label {display:block;color:#556782;font-size:12px;font-weight:800;margin-bottom:7px}.tool-inline-card input,.tool-inline-card select {background:#fff;border:1px solid #dfe5ed;padding:9px 11px;border-radius:7px;font:inherit;font-size:13px;max-width:100%}.tool-badge {font-size:10px;color:#637eab;background:#edf3fc;border-radius:6px;padding:3px 7px}.tool-input[readonly] {background:#f8fbff}.tool-info-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.tool-info-grid>div {padding:13px;background:#f8fafd;border-radius:9px}.tool-info-grid strong {font-size:12px;color:#425777}.tool-info-grid p {font-size:11px;line-height:1.75;color:#8190a3;margin-top:5px}.tool-row {display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-flex {display:flex;gap:14px}.tool-flex>* {flex:1;min-width:0}[hidden]{display:none!important}
@media(max-width:760px) {.tool-page {padding:15px 0 48px}.tool-intro {padding:20px 16px;border-radius:13px}.tool-intro h1 {font-size:26px}.tool-intro p {font-size:12px}.tool-panel {padding:18px 15px;margin-top:14px;border-radius:12px}.tool-panel-heading h2 {font-size:17px}.tool-results {grid-template-columns:1fr;gap:9px}.tool-result-copy {min-height:75px;padding:6px 12px 12px}.tool-preview {font-size:22px}.tool-result-top {padding:8px 11px 0}.tool-input {min-height:93px;font-size:16px}.tool-info-grid {grid-template-columns:1fr;gap:8px}.tool-flex {flex-direction:column;gap:10px}.tool-search {width:100%}.tool-panel-heading {align-items:flex-start;flex-wrap:wrap}}