: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,Segoe 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:-apple-system,BlinkMacSystemFont,Segoe UI,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}
:root{--tst-bg:#fff;--tst-text:#0b0b0b;--tst-yellow:#f2c200;--tst-yellow-dark:#d4a800;--tst-orange:#ff9500;--tst-orange-dark:#e68600;--tst-skyblue:#87ceeb;--tst-skyblue-dark:#5fb4d9;--tst-muted:#6b7280;--tst-gap:20px;--tst-radius:10px;--tst-ease:cubic-bezier(.2,.9,.3,1)}.tst-page-container{background:var(--tst-bg);color:var(--tst-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.tst-header{justify-content:flex-start;align-items:center;padding:18px 28px 0;display:flex}.tst-header-icon{color:var(--tst-yellow);opacity:.92;animation:tst-icon-pop .42s var(--tst-ease)both;font-size:36px}.tst-main{gap:var(--tst-gap);box-sizing:border-box;grid-template-columns:1fr;width:90%;max-width:96%;margin:12px auto 36px;padding:0 18px;display:grid}.tst-card{border-radius:var(--tst-radius);opacity:0;animation:tst-card-appear .42s var(--tst-ease)forwards;background:#fff;border:1px solid #f2c2001f;padding:18px 20px;transform:translateY(8px);box-shadow:0 6px 18px #f2c20014}.tst-card:first-child{animation-delay:0s}.tst-card:nth-child(2){animation-delay:70ms}.tst-card:nth-child(3){animation-delay:.13s}.tst-card:nth-child(4){animation-delay:.19s}.tst-card:nth-child(5){animation-delay:.25s}.tst-intro{border-left:4px solid var(--tst-yellow);background:linear-gradient(135deg,#f2c2000f 0%,#87ceeb08 100%);position:relative}.tst-tool-number{color:#f2c20033;font-size:48px;font-weight:800;line-height:1;position:absolute;top:16px;right:20px}.tst-notice-card{border-left:4px solid var(--tst-skyblue);background:#87ceeb0f}.tst-notice{color:var(--tst-muted);margin:0;font-size:14px;line-height:1.6}.tst-notice strong{color:var(--tst-text)}.tst-section-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.tst-section-icon{color:var(--tst-yellow-dark);flex-shrink:0;font-size:22px}.tst-title{color:var(--tst-yellow-dark);margin:0 0 6px;font-size:28px;line-height:1.05}.tst-subtitle{color:var(--tst-orange-dark);margin:0;font-size:18px}.tst-plain{color:var(--tst-text);margin:0 0 12px;font-size:15px;line-height:1.7}.tst-meta{color:#0b0b0b99;margin-top:8px;font-size:13px}.tst-textarea-wrapper{margin-bottom:14px}.tst-textarea{width:100%;min-height:100px;max-height:90vh;color:var(--tst-text);resize:none;background:#f2c20008;border:2px dashed #f2c20059;border-radius:10px;padding:14px 16px;font-family:inherit;font-size:15px;line-height:1.6;transition:border-color .2s,background .2s,box-shadow .2s;overflow-y:auto}.tst-textarea:focus{border-color:var(--tst-skyblue);background:#fff;outline:none;box-shadow:0 0 0 4px #87ceeb26}.tst-textarea::placeholder{color:#0b0b0b66}.tst-textarea-readonly{cursor:default;background:#f2c2000d;border-style:solid;border-color:#f2c20040}.tst-actions{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.tst-btn{cursor:pointer;transition:all .2s var(--tst-ease);border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex}.tst-btn-primary{background:linear-gradient(135deg,var(--tst-yellow),var(--tst-yellow-dark));color:#000;box-shadow:0 4px 14px #f2c20059}.tst-btn-primary:hover{background:linear-gradient(135deg,var(--tst-orange),var(--tst-orange-dark));color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ff950066}.tst-btn-primary:active{transform:translateY(0)}.tst-btn-ghost{color:var(--tst-muted);background:0 0;border:1px solid #0b0b0b1a}.tst-btn-ghost:hover{color:var(--tst-text);background:#0b0b0b0a}.tst-btn-icon{color:var(--tst-yellow-dark);background:#f2c2001f;border-radius:8px;padding:10px}.tst-btn-icon:hover{background:var(--tst-skyblue);color:#fff}.tst-result-box{background:linear-gradient(135deg,#f2c20014 0%,#87ceeb0a 100%);border:1px solid #f2c20033;border-radius:10px;margin-top:16px;padding:16px;animation:.3s tst-fade-in}.tst-result-label{color:var(--tst-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600}.tst-code-display{align-items:center;gap:12px;display:flex}.tst-code{color:var(--tst-yellow-dark);letter-spacing:2px;background:#fff;border:1px solid #f2c20040;border-radius:6px;padding:8px 16px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:24px;font-weight:700}.tst-input-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tst-input{text-transform:lowercase;letter-spacing:1px;border:2px solid #f2c20040;border-radius:8px;flex:1;min-width:200px;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.tst-input:focus{border-color:var(--tst-skyblue);outline:none;box-shadow:0 0 0 4px #87ceeb26}.tst-input::placeholder{text-transform:none;letter-spacing:normal;color:#0b0b0b66}.tst-fetched-container{animation:tst-slide-up .3s var(--tst-ease);background:#f2c2000a;border:1px solid #f2c20026;border-radius:10px;margin-top:20px;padding:16px}.tst-fetched-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tst-fetched-label{color:var(--tst-skyblue-dark);font-size:14px;font-weight:600}.tst-status{text-align:center;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s tst-fade-in}.tst-status-success{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e33}.tst-status-error{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.tst-card:hover{transition:transform .26s var(--tst-ease),box-shadow .26s var(--tst-ease);transform:translateY(-2px);box-shadow:0 12px 30px #f2c2001f}.tst-card :focus,.tst-title:focus{outline-offset:3px;border-radius:8px;outline:3px solid #f2c20033}@media (max-width:500px){.tst-main{gap:12px;width:100%;max-width:100%;padding:0 8px}.tst-card{border-radius:6px;padding:12px}.tst-title{font-size:20px}.tst-subtitle{font-size:15px}.tst-section-icon{font-size:16px}.tst-header{padding:12px 16px 0}.tst-header-icon{font-size:28px}.tst-tool-number{font-size:36px;top:12px;right:14px}.tst-btn{padding:10px 16px;font-size:14px}.tst-input-group{flex-direction:column}.tst-input{width:100%}.tst-code{font-size:20px}}@media (min-width:501px) and (max-width:640px){.tst-main{gap:14px;padding:0 12px}.tst-card{border-radius:8px;padding:14px}.tst-title{font-size:22px}.tst-subtitle{font-size:16px}.tst-section-icon{font-size:18px}}@media (min-width:1100px){.tst-main{gap:22px;width:90%;max-width:96%}}@keyframes tst-card-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tst-icon-pop{0%{opacity:0;transform:scale(.95)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes tst-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tst-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tst-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tst-toggle-wrapper{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.tst-toggle-btn{color:var(--tst-yellow-dark);cursor:pointer;background:#f2c20014;border:2px solid #f2c20033;border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.tst-toggle-btn:hover{border-color:var(--tst-yellow);background:#f2c20026}.tst-toggle-btn.tst-toggle-active{background:linear-gradient(135deg,var(--tst-yellow),var(--tst-yellow-dark));border-color:var(--tst-yellow);color:#000}.tst-toggle-hint{color:var(--tst-muted);padding-left:4px;font-size:12px}.tst-access-badge{margin-top:12px}.tst-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.tst-badge-editable{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e33}.tst-badge-readonly{color:var(--tst-skyblue-dark);background:#87ceeb26;border:1px solid #87ceeb4d}.tst-fetched-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tst-fetched-actions{gap:8px;display:flex}.tst-btn-icon.tst-action-refresh{color:#0284c7;background:#0ea5e91f;border:1px solid #0ea5e940;transition:all .2s}.tst-btn-icon.tst-action-refresh:hover:not(:disabled){color:#fff;background:#0284c7;border-color:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0284c759}.tst-btn-icon.tst-action-copy{color:#059669;background:#10b9811f;border:1px solid #10b98140;transition:all .2s}.tst-btn-icon.tst-action-copy:hover:not(:disabled){color:#fff;background:#10b981;border-color:#10b981;transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.tst-btn-icon.tst-action-fullscreen{color:#7c3aed;background:#8b5cf61f;border:1px solid #8b5cf640;transition:all .2s}.tst-btn-icon.tst-action-fullscreen:hover:not(:disabled){color:#fff;background:#7c3aed;border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed59}.tst-btn-icon.tst-action-minimize{color:#e11d48;background:#f43f5e1f;border:1px solid #f43f5e40;transition:all .2s}.tst-btn-icon.tst-action-minimize:hover:not(:disabled){color:#fff;background:#e11d48;border-color:#e11d48;transform:translateY(-1px);box-shadow:0 4px 12px #e11d4859}.tst-btn-icon.tst-btn-edit{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40;transition:all .2s}.tst-btn-icon.tst-btn-edit:hover:not(:disabled){color:#fff;background:#d97706;border-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #d9770659}.tst-btn-icon.tst-btn-save{color:#059669;background:#10b9811f;border:1px solid #10b98140;transition:all .2s}.tst-btn-icon.tst-btn-save:hover:not(:disabled){color:#fff;background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #05966959}.tst-btn-icon.tst-btn-cancel{color:#dc2626;background:#ef44441f;border:1px solid #ef444440;transition:all .2s}.tst-btn-icon.tst-btn-cancel:hover:not(:disabled){color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc262659}.tst-textarea-editing{border:2px solid var(--tst-yellow);background:#fff;box-shadow:0 0 0 4px #f2c2001f}.tst-edit-actions{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.tst-btn-secondary{color:var(--tst-yellow-dark);background:#f2c2001a;border:2px solid #f2c20040}.tst-btn-secondary:hover{background:var(--tst-yellow);color:#000;border-color:var(--tst-yellow)}.tst-my-codes-card{border-left:4px solid var(--tst-orange);background:linear-gradient(135deg,#ff95000a 0%,#f2c20005 100%);padding:0;overflow:hidden}.tst-my-codes-toggle{cursor:pointer;width:100%;color:var(--tst-text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 20px;font-size:16px;transition:background .2s;display:flex}.tst-my-codes-toggle:hover{background:#ff95000f}.tst-my-codes-toggle-left{align-items:center;gap:10px;display:flex}.tst-my-codes-toggle-left .tst-section-icon{color:var(--tst-orange)}.tst-my-codes-toggle-left .tst-subtitle{margin:0;font-size:16px}.tst-codes-count{background:var(--tst-orange);color:#fff;text-align:center;border-radius:12px;min-width:20px;padding:2px 8px;font-size:12px;font-weight:600}.tst-my-codes-list{flex-direction:column;gap:10px;padding:0 16px 16px;animation:.3s tst-slide-down;display:flex}@keyframes tst-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tst-code-item{background:#ffffffb3;border:1px solid #f2c20026;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.tst-code-item:hover{background:#fff;border-color:#f2c2004d;box-shadow:0 2px 8px #f2c2001a}.tst-code-item-left{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.tst-code-item-code{color:var(--tst-yellow-dark);background:#f2c2001a;border-radius:6px;padding:4px 10px;font-family:SF Mono,Monaco,Roboto Mono,Consolas,monospace;font-size:15px;font-weight:600}.tst-code-item-time{color:var(--tst-muted);font-size:12px}.tst-code-item-actions{flex-shrink:0;gap:6px;display:flex}.tst-code-item .tst-badge{padding:4px 8px;font-size:11px}.tst-btn-lock{color:#16a34a}.tst-btn-lock:hover{color:#16a34a;background:#22c55e1a}.tst-btn-unlock{color:var(--tst-skyblue-dark)}.tst-btn-unlock:hover{color:var(--tst-skyblue-dark);background:#87ceeb26}.tst-btn-danger{color:#ef4444}.tst-btn-danger:hover{color:#dc2626;background:#ef44441a}@media (max-width:500px){.tst-toggle-wrapper{margin-bottom:12px}.tst-toggle-btn{padding:8px 12px;font-size:13px}.tst-fetched-header{flex-direction:column;align-items:flex-start;gap:10px}.tst-fetched-actions{justify-content:flex-end;width:100%}.tst-edit-actions{flex-direction:column}.tst-edit-actions .tst-btn{justify-content:center;width:100%}.tst-code-item{flex-direction:column;align-items:flex-start;gap:10px}.tst-code-item-left{width:100%}.tst-code-item-actions{justify-content:flex-end;width:100%}.tst-my-codes-toggle{padding:14px 16px}.tst-my-codes-toggle-left .tst-subtitle{font-size:14px}}.tst-toast{z-index:10000;min-width:280px;max-width:90vw;animation:tst-toast-slide-in .4s var(--tst-ease);background:#fff;border:1px solid #00000014;border-radius:12px;align-items:center;gap:12px;padding:14px 20px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000002e,0 2px 8px #00000014}@keyframes tst-toast-slide-in{0%{opacity:0;transform:translate(-50%)translateY(-20px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.tst-toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.tst-toast-message{color:#1f2937;flex:1;font-size:14px;font-weight:500;line-height:1.4}.tst-toast-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.tst-toast-close:hover{color:#374151;background:#0000000d}.tst-toast-success{border-left:4px solid #22c55e}.tst-toast-success .tst-toast-icon{color:#16a34a;background:#22c55e26}.tst-toast-error{border-left:4px solid #ef4444}.tst-toast-error .tst-toast-icon{color:#dc2626;background:#ef444426}.tst-toast-info{border-left:4px solid var(--tst-yellow)}.tst-toast-info .tst-toast-icon{color:var(--tst-yellow-dark);background:#f2c20026}@media (max-width:500px){.tst-toast{min-width:auto;max-width:none;padding:12px 16px;top:12px;left:12px;right:12px;transform:none}@keyframes tst-toast-slide-in{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.tst-toast-message{font-size:13px}}.tst-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.25s tst-modal-fade-in;display:flex;position:fixed;inset:0}@keyframes tst-modal-fade-in{0%{opacity:0}to{opacity:1}}.tst-modal{width:100%;max-width:420px;animation:tst-modal-scale-in .3s var(--tst-ease);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000040}@keyframes tst-modal-scale-in{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.tst-modal-header{background:linear-gradient(135deg,#f2c20014 0%,#ff95000a 100%);border-bottom:1px solid #f2c20026;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.tst-modal-title{color:var(--tst-text);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.tst-modal-title svg{color:var(--tst-yellow-dark);font-size:20px}.tst-modal-close{width:32px;height:32px;color:var(--tst-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.tst-modal-close:hover{color:var(--tst-text);background:#00000014}.tst-modal-body{padding:20px}.tst-modal-desc{color:var(--tst-muted);margin:0 0 18px;font-size:14px;line-height:1.5}.tst-modal-input-group{flex-direction:column;gap:8px;display:flex}.tst-modal-input{width:100%;color:var(--tst-text);box-sizing:border-box;background:#f2c2000a;border:2px solid #f2c20040;border-radius:10px;outline:none;padding:14px 16px;font-family:SF Mono,Monaco,Roboto Mono,Consolas,monospace;font-size:16px;transition:all .2s}.tst-modal-input:focus{border-color:var(--tst-yellow);background:#fff;box-shadow:0 0 0 4px #f2c2001f}.tst-modal-input::placeholder{color:var(--tst-muted);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tst-modal-input-hint{color:var(--tst-muted);font-size:12px}.tst-availability-status{border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:12px 14px;font-size:14px;font-weight:500;display:flex}.tst-availability-status.tst-available{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e33}.tst-availability-status.tst-taken{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.tst-modal-footer{padding:16px 20px 20px}.tst-btn-full{justify-content:center;width:100%}@media (max-width:500px){.tst-modal-overlay{align-items:center;padding:16px}.tst-modal{max-width:none;animation:tst-modal-slide-up .3s var(--tst-ease);border-radius:20px 20px 0 0}@keyframes tst-modal-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.tst-modal-header{padding:16px 18px}.tst-modal-title{font-size:16px}.tst-modal-body{padding:18px}.tst-modal-footer{padding:14px 18px 24px}}.tst-fullscreen-overlay{z-index:9999;box-sizing:border-box;background:#fff;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.tst-fullscreen-header{background:linear-gradient(135deg,#f2c20014 0%,#ff95000a 100%);border-bottom:1px solid #f2c20026;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.tst-fullscreen-header-left,.tst-fullscreen-header-right{align-items:center;gap:10px;display:flex}.tst-fullscreen-code{background:#f2c2001a;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;display:flex}.tst-fullscreen-code-label{color:var(--tst-muted);font-size:13px;font-weight:500}.tst-fullscreen-code-value{color:var(--tst-yellow-dark);font-family:SF Mono,Monaco,Roboto Mono,Consolas,monospace;font-size:15px;font-weight:600}.tst-fullscreen-content{flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.tst-textarea-fullscreen{resize:none;box-sizing:border-box;border:none;border-radius:0;width:100%;height:100%;padding:24px;font-size:16px;line-height:1.7;overflow-y:auto}.tst-textarea-fullscreen:focus{box-shadow:none;outline:none}.tst-btn-save{color:#16a34a!important;background:#22c55e1f!important}.tst-btn-save:hover{color:#16a34a!important;background:#22c55e33!important}.tst-btn-cancel{color:#ef4444!important;background:#ef44441f!important}.tst-btn-cancel:hover{color:#dc2626!important;background:#ef444433!important}.tst-btn-edit{color:var(--tst-yellow-dark)!important;background:#f2c2001f!important}.tst-btn-edit:hover{color:var(--tst-yellow-dark)!important;background:#f2c20033!important}.tst-toast-fullscreen{z-index:10001}@media (max-width:600px){.tst-fullscreen-header{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.tst-fullscreen-header-left{justify-content:space-between;width:100%}.tst-fullscreen-header-right{flex-wrap:wrap;justify-content:flex-end;width:100%}.tst-fullscreen-code{padding:6px 12px}.tst-fullscreen-code-label{font-size:11px}.tst-fullscreen-code-value{font-size:13px}.tst-textarea-fullscreen{padding:16px;font-size:15px}}@media (max-width:500px){.tst-fullscreen-header-left,.tst-fullscreen-header-right{gap:6px}.tst-btn-icon{padding:8px;font-size:14px}}.tst-fullscreen-container{z-index:999;background:#fff;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0}.tst-fullscreen-header{border-bottom:1px solid var(--tool-gray-200,#e2e8f0);background:#f8fafc;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.tst-fullscreen-header-left{color:#1e293b;align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.tst-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tst-modal{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:24px;animation:.22s cubic-bezier(.34,1.56,.64,1) both tst-modal-appear;box-shadow:0 20px 60px #0000002e}@keyframes tst-modal-appear{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.tst-modal-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tst-modal-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.tst-spin{animation:.7s linear infinite tst-rotate}@keyframes tst-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
:root{--ti-bg:#fff;--ti-text:#0b0b0b;--ti-blue:#0b74ff;--ti-blue-dark:#04518a;--ti-yellow:#f2c200;--ti-muted:#6b7280;--ti-gap:20px;--ti-radius:10px;--ti-ease:cubic-bezier(.2,.9,.3,1)}.ti-page-container{background:var(--ti-bg);color:var(--ti-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.ti-header{justify-content:flex-start;align-items:center;padding:18px 28px 0;display:flex}.ti-header-icon{color:var(--ti-blue);opacity:.92;animation:ti-icon-pop .42s var(--ti-ease)both;font-size:36px}.ti-main{gap:var(--ti-gap);box-sizing:border-box;flex-direction:column;width:90%;max-width:96%;margin:12px auto 36px;padding:0 18px;display:flex}.ti-main-intro{border-left:4px solid var(--ti-blue);text-align:center;background:linear-gradient(135deg,#0b74ff14 0%,#04518a0a 100%);padding:24px 20px}.ti-main-title{color:var(--ti-blue);margin:0 0 8px;font-size:32px;font-weight:800;line-height:1.1}.ti-tool-container{animation:ti-container-appear .5s var(--ti-ease)forwards;opacity:0;background:#0b74ff05;border:1px solid #04518a14;border-radius:16px;flex-direction:column;gap:16px;padding:20px;animation-delay:.15s;display:flex;transform:translateY(10px)}.ti-tool-container:nth-child(2){animation-delay:.15s}.ti-tool-container:nth-child(3){animation-delay:.3s}.ti-tool-container:nth-child(4){animation-delay:.45s}.ti-tool-container:nth-child(5){animation-delay:.6s}.ti-tool-header{border-bottom:2px solid #0b74ff1a;align-items:center;gap:14px;margin-bottom:4px;padding-bottom:14px;display:flex}.ti-tool-badge{background:linear-gradient(135deg,var(--ti-blue),var(--ti-blue-dark));color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;justify-content:center;align-items:center;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #0b74ff40}.ti-tool-title{color:var(--ti-blue-dark);margin:0;font-size:24px;font-weight:700;line-height:1.2}.ti-card{border-radius:var(--ti-radius);opacity:0;animation:ti-card-appear .42s var(--ti-ease)forwards;background:#fff;border:1px solid #04518a0f;padding:18px 20px;transform:translateY(8px);box-shadow:0 6px 18px #04518a0a}.ti-tool-container .ti-card:first-child{animation-delay:.2s}.ti-tool-container .ti-card:nth-child(2){animation-delay:.27s}.ti-tool-container .ti-card:nth-child(3){animation-delay:.34s}.ti-tool-container .ti-card:nth-child(4){animation-delay:.41s}.ti-tool-container .ti-card:nth-child(5){animation-delay:.48s}.ti-tool-container .ti-card:nth-child(6){animation-delay:.55s}.ti-tool-container .ti-card:nth-child(7){animation-delay:.62s}.ti-intro{border-left:4px solid var(--ti-blue);position:relative}.ti-warning-card{border-left:4px solid var(--ti-yellow);background:#f2c20008}.ti-warning-icon{color:var(--ti-yellow)!important}.ti-section-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.ti-section-icon{color:var(--ti-blue);flex-shrink:0;font-size:22px}.ti-subtitle{color:var(--ti-blue-dark);margin:0;font-size:18px}.ti-plain{color:var(--ti-text);margin:0 0 12px;font-size:15px;line-height:1.7}.ti-plain:last-child{margin-bottom:0}.ti-meta{color:#0b0b0b99;margin-top:8px;font-size:13px}.ti-steps{flex-direction:column;gap:16px;display:flex}.ti-step{align-items:flex-start;gap:16px;display:flex}.ti-step-number{background:var(--ti-blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.ti-step-content{flex:1}.ti-step-content strong{color:var(--ti-blue-dark);margin-bottom:4px;font-size:15px;display:block}.ti-step-content p{color:var(--ti-muted);margin:0;font-size:14px;line-height:1.5}.ti-features-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.ti-feature{background:#0b74ff08;border-radius:8px;align-items:flex-start;gap:12px;padding:14px;display:flex}.ti-feature-icon{color:var(--ti-blue);flex-shrink:0;margin-top:2px;font-size:20px}.ti-feature strong{color:var(--ti-blue-dark);margin-bottom:4px;font-size:14px;display:block}.ti-feature span{color:var(--ti-muted);font-size:13px}.ti-notice-content{flex-direction:column;gap:16px;display:flex}.ti-notice-item{background:#f2c2000f;border-radius:8px;align-items:flex-start;gap:14px;padding:14px;display:flex}.ti-notice-icon{color:var(--ti-yellow);flex-shrink:0;margin-top:2px;font-size:20px}.ti-notice-item strong{color:var(--ti-text);margin-bottom:4px;font-size:14px;display:block}.ti-notice-item p{color:var(--ti-muted);margin:0;font-size:14px;line-height:1.5}.ti-badges{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.ti-badge{color:var(--ti-blue-dark);background:#0b74ff14;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-block}.ti-card:hover{transition:transform .26s var(--ti-ease),box-shadow .26s var(--ti-ease);transform:translateY(-2px);box-shadow:0 12px 30px #04518a14}.ti-tool-container:hover{transition:border-color .26s var(--ti-ease);border-color:#0b74ff26}.ti-card :focus,.ti-subtitle:focus{outline-offset:3px;border-radius:8px;outline:3px solid #0b74ff1f}@media (max-width:500px){.ti-main{gap:12px;width:100%;max-width:100%;padding:0 8px}.ti-card{border-radius:6px;padding:12px}.ti-main-title{font-size:24px}.ti-tool-title{font-size:18px}.ti-subtitle{font-size:15px}.ti-section-icon{font-size:16px}.ti-header{padding:12px 16px 0}.ti-header-icon{font-size:28px}.ti-features-grid{grid-template-columns:1fr}.ti-tool-container{border-radius:12px;padding:14px}.ti-tool-header{flex-direction:column;align-items:flex-start;gap:10px}.ti-tool-badge{padding:5px 12px;font-size:11px}}@media (min-width:501px) and (max-width:640px){.ti-main{gap:14px;padding:0 12px}.ti-card{border-radius:8px;padding:14px}.ti-main-title{font-size:26px}.ti-tool-title{font-size:20px}.ti-subtitle{font-size:16px}.ti-section-icon{font-size:18px}.ti-features-grid{grid-template-columns:1fr}}@media (min-width:1100px){.ti-main{gap:22px;width:90%;max-width:96%}.ti-tool-container{padding:24px}}@keyframes ti-card-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ti-container-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ti-icon-pop{0%{opacity:0;transform:scale(.95)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}:root{--ti-yellow-ts:#f2c200;--ti-yellow-dark-ts:#d4a800;--ti-orange-ts:#ff9500;--ti-orange-dark-ts:#e68600}.ti-tool-textshare{background:#f2c20008;border:1px solid #f2c2001f}.ti-tool-header-textshare{border-bottom:2px solid #f2c20026}.ti-badge-textshare{background:linear-gradient(135deg,var(--ti-yellow-ts),var(--ti-orange-ts));box-shadow:0 4px 12px #f2c2004d}.ti-title-textshare{color:var(--ti-yellow-dark-ts)}.ti-intro-textshare{border-left:4px solid var(--ti-yellow-ts);background:linear-gradient(135deg,#f2c2000f 0%,#ff950008 100%)}.ti-icon-textshare{color:var(--ti-yellow-dark-ts)}.ti-step-textshare{background:linear-gradient(135deg,var(--ti-yellow-ts),var(--ti-orange-ts));box-shadow:0 4px 12px #f2c20040}.ti-feature-textshare{border-color:#f2c20026}.ti-feature-textshare:hover{background:#f2c2000a;border-color:#f2c20040}.ti-ficon-textshare{color:var(--ti-orange-ts)}.ti-access-options{flex-direction:column;gap:14px;display:flex}.ti-access-option{background:#f2c2000a;border:1px solid #f2c2001f;border-radius:10px;align-items:flex-start;gap:14px;padding:14px;display:flex}.ti-access-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.ti-access-readonly{color:#5fb4d9;background:#87ceeb26}.ti-access-editable{color:#16a34a;background:#22c55e1f}.ti-access-option strong{color:var(--ti-text);margin-bottom:4px;display:block}.ti-access-option p{color:var(--ti-muted);margin:0;font-size:13px;line-height:1.5}.ti-highlight-textshare{border-left:4px solid var(--ti-orange-ts);background:linear-gradient(135deg,#ff95000d 0%,#f2c20008 100%)}.ti-list{margin:12px 0;padding-left:20px}.ti-list li{color:var(--ti-text);font-size:14px;line-height:1.8;position:relative}.ti-list li::marker{color:var(--ti-orange-ts)}.ti-warning-textshare{border-left-color:var(--ti-orange-ts);background:#ff95000a}.ti-notice-icon-textshare{color:var(--ti-orange-ts)}.ti-badges-textshare{gap:8px}.ti-badge-textshare{color:var(--ti-yellow-dark-ts);box-shadow:none;background:#f2c2001f;border:1px solid #f2c20033;padding:6px 12px;font-size:12px}@media (max-width:600px){.ti-access-options{gap:12px}.ti-access-option{padding:12px}.ti-access-icon{width:36px;height:36px;font-size:16px}}