@import "https://fonts.googleapis.com/css2?family=Outfit:wght@800;900&display=swap";
:root{--tool-blue:#0b74ff;--tool-blue-dark:#04518a;--tool-blue-tint:#eff6ff;--tool-green:#22c55e;--tool-red:#b38434;--tool-title-red:#e4a435;--tool-gray-50:#f8fafc;--tool-gray-100:#f1f5f9;--tool-gray-200:#e2e8f0;--tool-gray-300:#cbd5e1;--tool-gray-400:#94a3b8;--tool-gray-500:#64748b;--tool-gray-600:#475569;--tool-gray-700:#334155;--tool-gray-800:#1e293b;--tool-gray-900:#0f172a;--tool-radius-sm:10px;--tool-radius:16px;--tool-radius-lg:20px;--tool-radius-xl:24px;--tool-shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--tool-shadow:0 4px 16px #0000000f,0 1px 4px #0000000a;--tool-shadow-lg:0 8px 32px #00000014,0 2px 8px #0000000a;--tool-ease:cubic-bezier(.4,0,.2,1);--tool-spring:cubic-bezier(.34,1.56,.64,1);--fud-accent:#0b74ff;--fud-accent-dark:#04518a;--fud-accent-tint:#0b74ff12;--fud-accent-border:#0b74ff2e;--tst-yellow:#f2c200;--tst-yellow-dark:#d4a800;--tst-orange:#ff9500;--tst-orange-dark:#e68600;--tst-skyblue:#87ceeb;--tst-skyblue-dark:#5fb4d9;--tst-accent:#f2c200;--tst-accent-dark:#d4a800;--tst-accent-tint:#f2c20014;--tst-accent-border:#f2c20040}.tools-page-root{-webkit-font-smoothing:antialiased;background:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Segoe UI,system-ui,sans-serif}.tools-container{box-sizing:border-box;width:90%;max-width:1200px;margin:0 auto;padding:28px 0 60px}.tools-intro-card{border:1.5px solid var(--tool-gray-200);text-align:center;box-sizing:border-box;background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:24px;padding:28px 24px 24px;animation:.45s cubic-bezier(.22,1,.36,1) both toolsSlideDown;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px -4px #0f172a0f,0 2px 8px -2px #0f172a08}@keyframes toolsSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.tools-title{color:#f2c200;-webkit-text-stroke:1.5px #b45309;text-shadow:0 2px 10px #f2c2004d;letter-spacing:-.035em;justify-content:center;align-items:center;gap:12px;margin:0 0 6px;font-family:Outfit,Plus Jakarta Sans,SF Pro Display,-apple-system,sans-serif;font-size:clamp(2rem,5.5vw,3.6rem);font-weight:900;line-height:1.1;display:inline-flex}.tools-title-icon{color:#f2c200;stroke:#b45309;filter:drop-shadow(0 2px 6px #f2c20059);width:clamp(26px,4.8vw,44px);height:clamp(26px,4.8vw,44px);animation:3s ease-in-out infinite toolsIconPulse;display:inline-flex}@keyframes toolsIconPulse{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.12)rotate(6deg)}}.tools-subtitle{white-space:nowrap;color:var(--tool-gray-600);text-overflow:ellipsis;text-align:center;max-width:100%;margin:4px 0 18px;font-size:clamp(.68rem,2.7vw,1.05rem);font-weight:500;line-height:1.4;overflow:hidden}.tools-action-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.tools-action-btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 20px;font-family:inherit;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.tools-action-btn-primary{background:var(--tool-blue);color:#fff;box-shadow:0 4px 14px #0b74ff40}.tools-action-btn-primary:hover{background:var(--tool-blue-dark);transform:translateY(-2px);box-shadow:0 6px 20px #0b74ff59}.tools-action-btn-primary:active{transform:scale(.97)}.tools-action-btn-secondary{color:var(--tool-blue);background:#0b74ff14;border:1.5px solid #0b74ff33}.tools-action-btn-secondary:hover{background:#0b74ff26;border-color:#0b74ff59;transform:translateY(-2px)}.tools-action-btn-secondary:active{transform:scale(.97)}.tools-cards-list{flex-direction:column;gap:12px;display:flex}.tool-card{border:1.5px solid var(--tool-gray-200);border-radius:var(--tool-radius-xl);box-shadow:var(--tool-shadow-sm);transition:border-color .22s var(--tool-ease),box-shadow .22s var(--tool-ease),transform .18s var(--tool-ease);background:#fff;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--tool-gray-300);box-shadow:var(--tool-shadow)}.tool-card.tool-dragging{border-color:var(--fud-accent);box-shadow:0 0 0 3px #0b74ff26,var(--tool-shadow-lg);transform:scale(1.005)}.tool-card-expanded{box-shadow:var(--tool-shadow-lg);border-color:var(--tool-gray-300)}.tool-card-blue .tool-card-header:hover{background-color:#0b74ff0a}.tool-card-blue.tool-card-expanded .tool-card-header{border-bottom-color:var(--fud-accent-border);background-color:#0b74ff0a}.tool-card-blue .tool-card-toggle-icon{color:var(--fud-accent);background:#0b74ff14}.tool-card-blue .tool-card-header:hover .tool-card-toggle-icon{background:var(--fud-accent-tint);color:var(--fud-accent)}.tool-card-blue.tool-card-expanded .tool-card-toggle-icon{background:var(--fud-accent);color:#fff}.tool-card-blue .tool-inner-section-icon{color:var(--fud-accent)}.tool-card-blue .tool-upload-zone:hover,.tool-card-blue .tool-upload-zone.upload-zone-hover{border-color:var(--fud-accent);background:#0b74ff0a}.tool-card-blue .tool-upload-zone.upload-zone-has-file{background:#f0fdf4;border-color:#22c55e}.tool-card-blue .tool-upload-zone:hover .tool-upload-zone-icon,.tool-card-blue .tool-upload-zone.upload-zone-hover .tool-upload-zone-icon{color:var(--fud-accent)}.tool-card-blue .tool-file-id-box{border-color:var(--fud-accent-border);background:#0b74ff0f}.tool-card-blue .tool-file-id-label{color:var(--fud-accent-dark)}.tool-card-blue .tool-file-id-code{color:var(--fud-accent)}.tool-card-blue .tool-code-result{border-color:var(--fud-accent-border);background:#0b74ff0d}.tool-card-blue .tool-code-result-label{color:var(--fud-accent-dark)}.tool-card-blue .tool-code-value{color:var(--fud-accent)}.tool-card-blue .tool-info-step-num{background:var(--fud-accent)}.tool-card-blue .tool-feature-icon{color:var(--fud-accent)}.tool-card-tst .tool-card-header:hover{background-color:#f2c2000a}.tool-card-tst.tool-card-expanded .tool-card-header{border-bottom-color:var(--tst-accent-border);background-color:#f2c2000d}.tool-card-tst .tool-card-toggle-icon{color:var(--tst-yellow-dark);background:#f2c2001f}.tool-card-tst .tool-card-header:hover .tool-card-toggle-icon{color:var(--tst-yellow-dark);background:#f2c20033}.tool-card-tst.tool-card-expanded .tool-card-toggle-icon{background:var(--tst-yellow);color:#5a3e00}.tool-card-tst .tool-inner-section-icon{color:var(--tst-orange-dark)}.tool-card-tst .tool-card-inline-btn{background:var(--tst-yellow);color:#5a3e00}.tool-card-tst .tool-card-inline-btn:hover:not(:disabled){background:var(--tst-yellow-dark)}.tool-card-tst .tool-text-input:focus,.tool-card-tst .tool-textarea:focus{border-color:var(--tst-yellow);box-shadow:0 0 0 3px #f2c2002e}.tool-card-tst .tool-textarea-editing{border-color:var(--tst-orange)}.tool-card-tst .tool-code-result{background:#f2c20012;border-color:#f2c20038}.tool-card-tst .tool-code-result-label{color:var(--tst-yellow-dark)}.tool-card-tst .tool-code-value{color:var(--tst-orange-dark)}.tool-card-tst .tool-toggle-btn-active{border-color:var(--tst-skyblue-dark);color:var(--tst-skyblue-dark);background:#87ceeb1f}.tool-card-tst .tool-codes-count{background:var(--tst-yellow);color:#5a3e00}.tool-card-tst .tool-info-step-num{background:var(--tst-orange-dark)}.tool-card-tst .tool-feature-icon{color:var(--tst-orange-dark)}.tool-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s var(--tool-ease);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.tool-card-header:hover{background-color:var(--tool-gray-50)}.tool-card-expanded .tool-card-header{background-color:var(--tool-gray-50);border-bottom:1px solid var(--tool-gray-200)}.tool-card-header-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.tool-card-toggle-icon{background:var(--tool-gray-100);width:32px;height:32px;color:var(--tool-gray-600);transition:background-color .18s var(--tool-ease),color .18s var(--tool-ease),transform .22s var(--tool-spring);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-card-header:hover .tool-card-toggle-icon{background:var(--tool-blue-tint);color:var(--tool-blue)}.tool-card-expanded .tool-card-toggle-icon{background:var(--tool-blue);color:#fff;transform:rotate(180deg)}.tool-card-title-container{flex-direction:column;min-width:0;display:flex}.tool-card-title{color:var(--tool-gray-900);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:700;line-height:1.3;overflow:hidden}.tool-card-subtitle{color:var(--tool-gray-500);margin-top:2px;font-size:.8rem;font-weight:400}.tool-card-header-inline{background:var(--tool-gray-100);border-radius:var(--tool-radius);transition:border-color .2s var(--tool-ease),box-shadow .2s var(--tool-ease),background-color .2s var(--tool-ease);border:1.5px solid #0000;align-items:center;gap:0;width:100%;max-width:400px;padding:0 0 0 14px;display:flex;overflow:hidden}.tool-card-header-inline:focus-within{border-color:var(--tool-blue);background:#fff;box-shadow:0 0 0 3px #0b74ff1f}.tool-card-inline-input{color:var(--tool-gray-900);background:0 0;border:none;outline:none;width:100%;padding:10px 0;font-family:inherit;font-size:.875rem;font-weight:400}.tool-card-inline-input::placeholder{color:var(--tool-gray-400)}.tool-card-inline-btn{background:var(--tool-blue);color:#fff;border-radius:var(--tool-radius-sm);cursor:pointer;white-space:nowrap;transition:background-color .18s var(--tool-ease),transform .12s var(--tool-ease);border:none;flex-shrink:0;align-items:center;gap:6px;margin:5px;padding:9px 16px;font-family:inherit;font-size:.825rem;font-weight:600;display:inline-flex}.tool-card-inline-btn:hover:not(:disabled){background:var(--tool-blue-dark)}.tool-card-inline-btn:active:not(:disabled){transform:scale(.97)}.tool-card-inline-btn:disabled{opacity:.45;cursor:not-allowed}.tool-card-body{animation:toolBodyReveal .28s var(--tool-ease)forwards;background:#fff;padding:20px 20px 24px}@keyframes toolBodyReveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tool-card-drag-overlay{z-index:20;border-radius:inherit;pointer-events:none;background:#0b74ff0f;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tool-drag-drop-hint{border:2px dashed var(--tool-blue);border-radius:var(--tool-radius-lg);box-shadow:var(--tool-shadow-lg);background:#fff;flex-direction:column;align-items:center;gap:10px;padding:28px 40px;display:flex}.tool-drag-drop-hint svg{color:var(--tool-blue);animation:toolDragBounce .7s var(--tool-spring)infinite alternate}@keyframes toolDragBounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.tool-drag-drop-hint-text{color:var(--tool-blue);margin:0;font-size:1rem;font-weight:700}.tool-drag-drop-hint-sub{color:var(--tool-gray-500);margin:0;font-size:.8rem}.tool-inner-section{background:var(--tool-gray-50);border:1px solid var(--tool-gray-200);border-radius:var(--tool-radius);margin-bottom:12px;padding:16px 18px}.tool-inner-section:last-child{margin-bottom:0}.tool-inner-section-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.tool-inner-section-icon{color:var(--tool-blue);flex-shrink:0;font-size:16px}.tool-inner-section-title{color:var(--tool-gray-900);margin:0;font-size:.9rem;font-weight:700}.tool-upload-zone{border:2px dashed var(--tool-gray-300);border-radius:var(--tool-radius);text-align:center;cursor:pointer;transition:border-color .2s var(--tool-ease),background-color .2s var(--tool-ease);background:#fff;padding:28px 20px;position:relative;overflow:hidden}.tool-upload-zone:hover,.tool-upload-zone.upload-zone-hover{border-color:var(--tool-blue);background:var(--tool-blue-tint)}.tool-upload-zone.upload-zone-has-file{border-color:var(--tool-green);background:#f0fdf4}.tool-upload-zone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.tool-upload-zone-icon{color:var(--tool-gray-400);transition:color .2s var(--tool-ease),transform .2s var(--tool-spring);margin-bottom:10px;font-size:2rem}.tool-upload-zone:hover .tool-upload-zone-icon,.tool-upload-zone.upload-zone-hover .tool-upload-zone-icon{color:var(--tool-blue);transform:scale(1.1)translateY(-2px)}.tool-upload-zone.upload-zone-has-file .tool-upload-zone-icon{color:var(--tool-green)}.tool-upload-zone-label{color:var(--tool-gray-700);margin:0 0 4px;font-size:.9rem;font-weight:600}.tool-upload-zone-hint{color:var(--tool-gray-400);margin:0;font-size:.78rem}.tool-upload-zone-filename{color:var(--tool-green);margin:0 0 2px;font-size:.85rem;font-weight:700}.tool-btn{border-radius:var(--tool-radius-sm);cursor:pointer;transition:background-color .18s var(--tool-ease),transform .12s var(--tool-ease),box-shadow .18s var(--tool-ease);border:none;align-items:center;gap:7px;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.tool-btn:active:not(:disabled){transform:scale(.97)}.tool-btn:disabled{opacity:.45;cursor:not-allowed}.tool-btn-primary{background:var(--tool-blue);color:#fff}.tool-btn-primary:hover:not(:disabled){background:var(--tool-blue-dark);box-shadow:0 4px 12px #0b74ff4d}.tool-btn-ghost{background:var(--tool-gray-100);color:var(--tool-gray-700)}.tool-btn-ghost:hover:not(:disabled){background:var(--tool-gray-200)}.tool-btn-danger{color:var(--tool-red);background:#fee2e2}.tool-btn-danger:hover:not(:disabled){background:#fecaca}.tool-btn-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.tool-btn-pill{background:var(--tool-gray-100);color:var(--tool-gray-700);cursor:pointer;border:none;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:background-color .15s,color .15s,transform .1s;display:inline-flex}.tool-btn-pill:hover:not(:disabled){background:var(--tool-blue-tint);color:var(--tool-blue)}.tool-btn-pill:active{transform:scale(.95)}.tool-btn-pill-danger{color:var(--tool-red);background:#fee2e2}.tool-btn-pill-danger:hover:not(:disabled){color:#b91c1c;background:#fecaca}.tool-pill-copy{color:#059669;background:#10b9811f;border:1px solid #10b98140}.tool-pill-copy:hover:not(:disabled){color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 3px 10px #10b9814d}.tool-pill-refresh{color:#0284c7;background:#0ea5e91f;border:1px solid #0ea5e940}.tool-pill-refresh:hover:not(:disabled){color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 3px 10px #0284c74d}.tool-pill-fullscreen{color:#7c3aed;background:#8b5cf61f;border:1px solid #8b5cf640}.tool-pill-fullscreen:hover:not(:disabled){color:#fff;background:#7c3aed;border-color:#7c3aed;box-shadow:0 3px 10px #7c3aed4d}.tool-pill-minimize{color:#e11d48;background:#f43f5e1f;border:1px solid #f43f5e40}.tool-pill-minimize:hover:not(:disabled){color:#fff;background:#e11d48;border-color:#e11d48;box-shadow:0 3px 10px #e11d484d}.tool-pill-edit{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40}.tool-pill-edit:hover:not(:disabled){color:#fff;background:#d97706;border-color:#d97706;box-shadow:0 3px 10px #d977064d}.tool-pill-save{color:#059669;background:#10b9811f;border:1px solid #10b98140}.tool-pill-save:hover:not(:disabled){color:#fff;background:#059669;border-color:#059669;box-shadow:0 3px 10px #0596694d}.tool-pill-cancel{color:#dc2626;background:#ef44441f;border:1px solid #ef444440}.tool-pill-cancel:hover:not(:disabled){color:#fff;background:#dc2626;border-color:#dc2626;box-shadow:0 3px 10px #dc26264d}.tool-file-id-box{background:var(--tool-blue-tint);border-radius:var(--tool-radius-sm);border:1px solid #0b74ff33;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:12px 16px;display:flex}.tool-file-id-label{color:var(--tool-blue-dark);white-space:nowrap;font-size:.8rem;font-weight:600}.tool-file-id-code{color:var(--tool-blue);word-break:break-all;flex:1;font-family:SF Mono,Fira Code,monospace;font-size:.88rem;font-weight:700}.tool-text-input{border:1.5px solid var(--tool-gray-200);border-radius:var(--tool-radius-sm);width:100%;color:var(--tool-gray-900);box-sizing:border-box;transition:border-color .2s var(--tool-ease),box-shadow .2s var(--tool-ease);background:#fff;outline:none;padding:11px 14px;font-family:inherit;font-size:.9rem}.tool-text-input:focus{border-color:var(--tool-blue);box-shadow:0 0 0 3px #0b74ff1f}.tool-text-input::placeholder{color:var(--tool-gray-400)}.tool-file-row{border-radius:var(--tool-radius-sm);border:1px solid var(--tool-gray-200);background:#fff;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;transition:box-shadow .15s;display:flex}.tool-file-row:hover{box-shadow:var(--tool-shadow-sm)}.tool-file-row:last-child{margin-bottom:0}.tool-file-row-name{color:var(--tool-gray-800);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;font-weight:600;overflow:hidden}.tool-file-row-sub{color:var(--tool-gray-400);margin-top:1px;font-size:.75rem}.tool-file-row-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.tool-toast{background:var(--tool-gray-900);color:#fff;z-index:9999;max-width:90vw;animation:toastSlideUp .3s var(--tool-spring)both;border-radius:40px;align-items:center;gap:10px;padding:12px 18px 12px 14px;font-size:.875rem;font-weight:500;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0003}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.tool-toast-success{background:#16a34a}.tool-toast-error{background:#dc2626}.tool-toast-info{background:var(--tool-gray-900)}.tool-toast-icon{align-items:center;font-size:1rem;display:flex}.tool-toast-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:4px;padding:0;font-size:.8rem;transition:background-color .15s;display:flex}.tool-toast-close:hover{background:#ffffff4d}.tool-textarea{border:1.5px solid var(--tool-gray-200);border-radius:var(--tool-radius-sm);width:100%;color:var(--tool-gray-900);box-sizing:border-box;resize:vertical;min-height:100px;transition:border-color .2s var(--tool-ease),box-shadow .2s var(--tool-ease);background:#fff;outline:none;padding:12px 14px;font-family:inherit;font-size:.9rem}.tool-textarea:focus{border-color:var(--tool-blue);box-shadow:0 0 0 3px #0b74ff1f}.tool-textarea-readonly{background:var(--tool-gray-50);color:var(--tool-gray-700)}.tool-textarea-editing{border-color:var(--tool-blue)}.tool-access-badge{letter-spacing:.01em;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.tool-badge-editable{color:#15803d;background:#dcfce7}.tool-badge-readonly{background:var(--tool-gray-100);color:var(--tool-gray-600)}.tool-toggle-row{flex-wrap:wrap;align-items:center;gap:12px;padding:10px 0 4px;display:flex}.tool-toggle-btn{border:1.5px solid var(--tool-gray-200);cursor:pointer;color:var(--tool-gray-600);transition:all .18s var(--tool-ease);background:#fff;border-radius:20px;align-items:center;gap:7px;padding:7px 14px;font-family:inherit;font-size:.8rem;font-weight:600;display:inline-flex}.tool-toggle-btn-active{border-color:var(--tool-green);color:#16a34a;background:#f0fdf4}.tool-toggle-hint{color:var(--tool-gray-500);font-size:.78rem}.tool-code-result{background:var(--tool-blue-tint);border-radius:var(--tool-radius-sm);border:1px solid #0b74ff26;margin-top:14px;padding:14px 16px}.tool-code-result-label{color:var(--tool-blue-dark);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.75rem;font-weight:700}.tool-code-display{align-items:center;gap:10px;display:flex}.tool-code-value{color:var(--tool-blue);letter-spacing:.04em;font-family:SF Mono,Fira Code,monospace;font-size:1.3rem;font-weight:800}.tool-my-codes-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0 0 4px;font-family:inherit;display:flex}.tool-my-codes-toggle-left{align-items:center;gap:8px;display:flex}.tool-codes-count{background:var(--tool-blue);color:#fff;border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:700}.tool-notice-text{color:var(--tool-gray-500);margin:0;font-size:.82rem;line-height:1.6}.tool-info-step{border-bottom:1px solid var(--tool-gray-100);align-items:flex-start;gap:14px;padding:12px 0;display:flex}.tool-info-step:last-child{border-bottom:none}.tool-info-step-num{background:var(--tool-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:.78rem;font-weight:800;display:flex}.tool-info-step-title{color:var(--tool-gray-900);margin:0 0 2px;font-size:.875rem;font-weight:700}.tool-info-step-desc{color:var(--tool-gray-500);margin:0;font-size:.8rem}.tool-features-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.tool-feature-item{background:var(--tool-gray-50);border-radius:var(--tool-radius-sm);align-items:flex-start;gap:10px;padding:12px;display:flex}.tool-feature-icon{color:var(--tool-blue);flex-shrink:0;margin-top:1px;font-size:18px}.tool-feature-title{color:var(--tool-gray-900);margin:0 0 2px;font-size:.82rem;font-weight:700}.tool-feature-desc{color:var(--tool-gray-500);margin:0;font-size:.75rem}.tool-badge-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tool-badge{background:var(--tool-gray-100);color:var(--tool-gray-700);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}@media (max-width:680px){.tools-container{width:94%;padding-top:18px}.tools-main-title{font-size:1.8rem}.tool-card-header{flex-direction:column;align-items:stretch;gap:10px;padding:16px}.tool-card-header-inline{max-width:100%}.tool-card-body{padding:16px}.tool-features-grid{grid-template-columns:1fr}.tool-code-value{font-size:1rem}}@media (min-width:681px) and (max-width:1024px){.tool-card-header-inline{max-width:340px}}.tool-fetched-preview-box{border-radius:var(--tool-radius);background:#0b74ff0d;border:1.5px solid #0b74ff2e;margin-bottom:20px;padding:16px}.upd-file-card{background:#fff;border:1.5px solid #0b74ff26;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:all .22s cubic-bezier(.22,1,.36,1);display:flex;box-shadow:0 2px 8px #0b74ff0d}.upd-file-card:hover{border-color:var(--tool-blue);box-shadow:0 4px 16px #0b74ff1f}.upd-file-card-name{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.upd-file-card-label{color:var(--tool-gray-900);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.upd-file-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.upd-file-action-btn{cursor:pointer;border:1.5px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;text-decoration:none;transition:all .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.upd-file-action-view{color:#0b74ff;background:#0b74ff1a;border-color:#0b74ff40}.upd-file-action-view:hover{color:#fff;background:#0b74ff;border-color:#0b74ff;transform:translateY(-2px);box-shadow:0 4px 12px #0b74ff4d}.upd-file-action-download{color:#d4a800;background:#f2c2001f;border-color:#f2c2004d}.upd-file-action-download:hover{color:#5a3e00;background:#f2c200;border-color:#f2c200;transform:translateY(-2px);box-shadow:0 4px 12px #f2c20059}.upd-file-action-btn:active{transform:scale(.92)}.tool-uploading-banner{background:#f0f7ff;border:1.5px solid #0b74ff38;border-radius:14px;flex-direction:column;gap:10px;margin-top:14px;padding:14px 18px;animation:.2s both tool-fade-in;display:flex;box-shadow:0 4px 14px #0b74ff0f}.tool-uploading-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.tool-uploading-left{align-items:center;gap:10px;min-width:0;display:flex}.tool-uploading-info{align-items:center;gap:8px;min-width:0;display:flex}.tool-uploading-filename-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:.88rem;font-weight:700;overflow:hidden}.tool-uploading-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.tool-uploading-percent{color:var(--tool-blue);font-variant-numeric:tabular-nums;letter-spacing:-.01em;background:#fff;border:1px solid #0b74ff33;border-radius:9999px;padding:3px 10px;font-size:.85rem;font-weight:800;box-shadow:0 1px 4px #0b74ff14}.tool-progress-track{background:#0b74ff1f;border-radius:9999px;width:100%;height:8px;position:relative;overflow:hidden}.tool-progress-fill{background:linear-gradient(90deg,#0b74ff,#38bdf8);border-radius:9999px;height:100%;transition:width .2s ease-out;box-shadow:0 0 10px #0b74ff59}.tool-progress-sub{color:var(--tool-gray-500);align-items:center;font-size:.76rem;font-weight:500;display:flex}.tool-status-detail{color:var(--tool-gray-500);font-size:.75rem;font-weight:500}.tool-spinner{border:2px solid #0b74ff33;border-top-color:var(--tool-blue);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.8s linear infinite tool-spin;display:inline-block}@keyframes tool-spin{to{transform:rotate(360deg)}}@keyframes tool-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tool-card-plus{border-color:#10b98138}.tool-card-plus:hover{border-color:#10b98166}.tool-card-plus.tool-card-expanded{border-color:#10b98180;box-shadow:0 12px 36px -6px #10b9811f,0 4px 12px -2px #10b9810f}.tool-card-plus .tool-card-header:hover .tool-card-toggle-icon{color:#10b981;background:#10b9811a}.tool-card-plus.tool-card-expanded .tool-card-toggle-icon{color:#fff;background:#10b981}.tool-card-plus .tool-card-header-inline:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.tool-plus-badge{color:#059669;letter-spacing:.02em;background:#10b9811a;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.tool-btn-plus-accent{color:#fff!important;background:#10b981!important}.tool-btn-plus-accent:hover:not(:disabled){background:#059669!important}.tool-btn-plus-primary{color:#fff;background:#10b981}.tool-btn-plus-primary:hover:not(:disabled){background:#059669;box-shadow:0 4px 14px #10b98140}.tool-plus-checkbox-label{color:var(--tool-gray-600);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.tool-plus-checkbox{accent-color:#10b981;cursor:pointer;width:16px;height:16px}.tool-uploading-banner-plus{background:#f0fdf4;border-color:#10b98140;box-shadow:0 4px 14px #10b9810f}.tool-spinner-green{border-color:#10b981 #10b98133 #10b98133}.tool-uploading-percent-green{color:#059669;border-color:#10b98140}.tool-progress-fill-green{background:linear-gradient(90deg,#10b981 0%,#34d399 50%,#059669 100%) 0 0/200% 100%;animation:2s linear infinite toolProgressShimmer;box-shadow:0 0 12px #10b98166}@keyframes toolProgressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tool-plus-ticket{background:linear-gradient(135deg,#10b98114,#10b98105);border:1.5px solid #10b9814d;border-radius:16px;padding:16px 20px;animation:.2s both tool-fade-in}.tool-plus-ticket-body{flex-direction:column;gap:6px;display:flex}.tool-plus-ticket-label{color:var(--tool-gray-500);font-size:.8rem;font-weight:500}.tool-plus-ticket-code{letter-spacing:.15em;color:#059669;margin:4px 0 2px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,monospace;font-size:2.2rem;font-weight:800;line-height:1.1}.tool-plus-ticket-meta{color:var(--tool-gray-600);font-size:.82rem}.tool-plus-ticket-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tool-card-dragging-blue{transform:translateY(-2px);background:#0b74ff0d!important;border:2px dashed #0b74ff!important;box-shadow:0 8px 30px #0b74ff2e!important}.tool-card-dragging-plus{transform:translateY(-2px);background:#10b9810d!important;border:2px dashed #10b981!important;box-shadow:0 8px 30px #10b9812e!important}.tool-progress-stats-row{color:var(--tool-gray-600);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-size:.78rem;display:flex}.tool-status-stat{font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.tool-status-stat strong{color:var(--tool-gray-800);font-weight:700}.tool-status-speed{color:#059669;font-weight:700}.tool-status-eta{color:#d97706;font-weight:600}