.ts-section{z-index:1;padding:8rem 0 6rem;position:relative}.ts-card{max-width:1120px;animation:fadeUp .3s var(--ease-out);background:#afeeee0f;border:1px solid #afeeee59;border-radius:24px;margin:0 auto;padding:0 2.5rem}.ts-card[hidden]{display:none}.ts-head{padding:2.75rem 0 1.5rem}.ts-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-size:.6875rem;font-weight:600;display:block}.ts-url-zone{border-bottom:1px solid var(--border);padding:0 0 1.75rem}.ts-url-row{align-items:center;gap:.75rem;display:flex}.ts-url-icon{color:var(--text-3);flex-shrink:0}.ts-input{min-width:0;font-size:1.25rem;font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-weight:400}.ts-input::placeholder{color:var(--text-4)}.ts-lang{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:72px;font-size:.8125rem;font-family:var(--font-sans);text-align:center;text-transform:uppercase;color:var(--text);transition:border-color var(--t-fast);outline:none;flex-shrink:0;padding:.4rem .5rem;font-weight:500}.ts-lang:focus{border-color:var(--text-3)}.ts-paste-btn{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;font-family:var(--font-sans);color:var(--text-3);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;background:0 0;align-items:center;gap:.3rem;padding:.4rem .75rem;display:inline-flex}.ts-paste-btn:hover{color:var(--text);border-color:var(--text-3)}.ts-gen-btn{background:var(--text);color:var(--bg);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:opacity var(--t-fast), transform var(--t-fast) var(--ease-out);white-space:nowrap;border:none;align-items:center;gap:.4rem;padding:.5rem 1.25rem;display:inline-flex}.ts-gen-btn:hover{opacity:.85;transform:translateY(-1px)}.ts-gen-btn:active{transform:translateY(0)}.ts-gen-btn.is-loading{opacity:.75;cursor:default;transform:none}.ts-spinner{vertical-align:-2px;border:2px solid;border-top-color:#0000;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite ts-spin;display:inline-block}@keyframes ts-spin{to{transform:rotate(360deg)}}.ts-hint{color:var(--text-3);min-height:1.2em;transition:color var(--t-fast);margin:.625rem 0 0;padding-left:1.625rem;font-size:.8125rem;line-height:1.5}.ts-hint.valid{color:var(--success)}.ts-hint.error{color:var(--danger)}.ts-inline-error{color:var(--danger);animation:fadeUp .2s var(--ease-out);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.625rem;font-size:.8125rem;display:flex}.ts-inline-error[hidden]{display:none}.ts-retry-btn{border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;font-family:var(--font-sans);color:var(--danger);cursor:pointer;transition:background var(--t-fast);white-space:nowrap;background:0 0;padding:.25rem .7rem}.ts-retry-btn:hover{background:color-mix(in srgb, var(--danger) 8%, transparent)}.ts-config{border-bottom:1px solid var(--border);animation:fadeUp .25s var(--ease-out);padding:1.25rem 0 1.75rem}.ts-config[hidden]{display:none}.ts-ready{color:var(--success);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.8125rem;font-weight:500;display:flex}.ts-ready-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 18%, transparent);border-radius:50%}.ts-detail-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.ts-detail-label{color:var(--text-3);min-width:0;font-size:.8125rem}.ts-chip-group{flex-wrap:wrap;align-items:center;gap:.125rem;display:flex}.ts-chip{border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;font-family:var(--font-sans);color:var(--text-3);cursor:pointer;transition:all var(--t-fast);background:0 0;border:none;align-items:center;gap:.5rem;padding:.3125rem .75rem;display:inline-flex}.ts-chip:hover,.ts-chip.is-active{color:var(--text);background:var(--surface-2)}.ts-chip-dot{background:var(--border);width:6px;height:6px;transition:background var(--t-fast);border-radius:50%}.ts-chip.is-active .ts-chip-dot{background:var(--primary)}.ts-custom-row{animation:fadeUp .2s var(--ease-out);align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.ts-custom-row[hidden]{display:none}.ts-custom-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;font-size:.75rem;font-weight:600}.ts-custom-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:140px;font-size:.875rem;font-family:var(--font-sans);color:var(--text);transition:border-color var(--t-fast);outline:none;padding:.5rem .75rem}.ts-custom-input:focus{border-color:var(--text-3)}.ts-custom-unit{color:var(--text-3);font-size:.8125rem}.ts-instruct{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.ts-instruct-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:.75rem;font-weight:600}.ts-instruct-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:.875rem;font-family:var(--font-sans);color:var(--text);transition:border-color var(--t-fast);outline:none;padding:.55rem .875rem}.ts-instruct-input::placeholder{color:var(--text-4)}.ts-instruct-input:focus{border-color:var(--text-3)}.ts-ai-btn{background:var(--text);color:var(--bg);border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:opacity var(--t-fast), transform var(--t-fast) var(--ease-out);white-space:nowrap;border:none;align-items:center;gap:.4rem;padding:.625rem 1.5rem;display:inline-flex}.ts-ai-btn:hover{opacity:.85;transform:translateY(-1px)}.ts-ai-btn:active{transform:translateY(0)}.ts-ai-btn.is-loading{opacity:.75;cursor:default;transform:none}.ts-gen-hint{color:var(--text-3);margin:.5rem 0 0;font-size:.8125rem}.ts-progress{color:var(--text-3);align-items:center;gap:.5rem;margin-top:.875rem;font-size:.8125rem;display:flex}.ts-progress[hidden]{display:none}.ts-progress-spin{border:2px solid var(--primary);border-top-color:#0000;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.7s linear infinite ts-spin}.ts-results{animation:fadeUp .3s var(--ease-out);padding:1.75rem 0 1.25rem}.ts-results[hidden]{display:none}.ts-results-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.ts-results-title{color:var(--text);letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.ts-results-sub{color:var(--text-3);margin:0;font-size:.8125rem}.ts-reset{color:var(--text-3);cursor:pointer;transition:color var(--t-fast);white-space:nowrap;background:0 0;border:none;padding:0;font-size:.8125rem;font-weight:500}.ts-reset:hover{color:var(--primary)}.ts-results-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.ts-action{color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;background:0 0;padding:.3125rem .75rem}.ts-action:hover{color:var(--text);border-color:var(--text-3)}.ts-action.is-copied{color:var(--success);border-color:var(--success)}.ts-chapters{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);margin:0;padding:.5rem 0;list-style:none;overflow:hidden}.ts-ch-row{border-bottom:1px solid var(--border-2);transition:background var(--t-fast);align-items:baseline;gap:1rem;padding:.55rem 1rem;display:flex}.ts-ch-row:last-child{border-bottom:none}.ts-ch-row:hover{background:var(--card-hover)}.ts-ch-time{text-align:center;min-width:66px;font-family:var(--font-mono);color:var(--primary);background:var(--primary-subtle);border:1px solid var(--primary-subtle);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;padding:.25rem .5rem;font-size:.8125rem;font-weight:600}.ts-ch-time:hover{border-color:var(--primary)}.ts-ch-time.is-copied{color:var(--success);border-color:var(--success);background:color-mix(in srgb, var(--success) 8%, transparent)}.ts-ch-label{min-width:0;color:var(--text);font-size:.9rem;line-height:1.5}.ts-raw{padding-top:.875rem}.ts-raw summary{color:var(--text-3);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--t-fast);align-items:center;gap:.4rem;font-size:.8125rem;font-weight:500;list-style:none;display:inline-flex}.ts-raw summary::-webkit-details-marker{display:none}.ts-raw summary:before{content:"▸";transition:transform var(--t-fast);color:var(--text-3)}.ts-raw[open] summary:before{transform:rotate(90deg)}.ts-raw summary:hover{color:var(--primary)}.ts-raw-list{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);max-height:300px;margin:.625rem 0 0;padding:0;list-style:none;overflow-y:auto}.ts-raw-row{border-bottom:1px solid var(--border-2);gap:.9rem;padding:.4rem .9rem;display:flex}.ts-raw-row:last-child{border-bottom:none}.ts-raw-time{min-width:52px;font-family:var(--font-mono);color:var(--text-3);font-size:.75rem;font-weight:600}.ts-raw-text{color:var(--text-2);font-size:.8125rem;line-height:1.55}@media (width<=640px){.ts-section{padding:6rem 0 3rem}.ts-card{border-radius:16px;margin:0 1rem;padding:0 1rem}.ts-head{padding:1.75rem 0 1.25rem}.ts-url-row{flex-direction:column;align-items:stretch;gap:.75rem}.ts-url-icon{display:none}.ts-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.625rem .75rem;font-size:.9375rem}.ts-url-row .ts-lang,.ts-url-row .ts-paste-btn,.ts-url-row .ts-gen-btn{flex:1 1 0;justify-content:center;width:auto;padding:.625rem}.ts-hint{padding-left:0}.ts-detail-row{flex-direction:column;align-items:flex-start;gap:.5rem}}.tool-hero[data-astro-cid-yyui2oum]{text-align:center;padding:1.5rem 0 0}.tool-hero-title[data-astro-cid-yyui2oum]{letter-spacing:-.02em;color:var(--text);max-width:none;margin-bottom:.375rem;margin-left:auto;margin-right:auto;font-size:1.25rem;font-weight:700;line-height:1.3}.tool-hero-sub[data-astro-cid-yyui2oum]{color:var(--text-3);max-width:640px;margin-left:auto;margin-right:auto;font-size:.8125rem;line-height:1.5}.tool-page-header[data-astro-cid-yyui2oum]{padding-top:6rem;padding-bottom:0}.back-link[data-astro-cid-yyui2oum]{color:var(--text-3);transition:color var(--t-fast);align-items:center;gap:.4rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.back-link[data-astro-cid-yyui2oum]:hover{color:var(--primary)}.seo-content[data-astro-cid-yyui2oum]{border-top:1px solid var(--border)}.seo-intro[data-astro-cid-yyui2oum]{text-align:center;max-width:720px;margin:0 auto 5rem}.content-block[data-astro-cid-yyui2oum]{max-width:860px;margin:0 auto 5rem}.content-block[data-astro-cid-yyui2oum] h2[data-astro-cid-yyui2oum]{color:var(--text);letter-spacing:-.025em;margin-bottom:1.25rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.content-block[data-astro-cid-yyui2oum] p[data-astro-cid-yyui2oum]{color:var(--text-2);margin-bottom:1.25rem;font-size:1.0625rem;line-height:1.8}.content-block[data-astro-cid-yyui2oum] a[data-astro-cid-yyui2oum]{color:var(--primary);text-decoration:none}.content-block[data-astro-cid-yyui2oum] a[data-astro-cid-yyui2oum]:hover{text-decoration:underline}.how-steps[data-astro-cid-yyui2oum]{flex-direction:column;gap:1.75rem;margin-top:1.5rem;display:flex}.how-step[data-astro-cid-yyui2oum]{align-items:flex-start;gap:1.5rem;display:flex}.how-step-num[data-astro-cid-yyui2oum]{background:var(--primary-subtle);border:1px solid var(--primary);width:44px;min-width:44px;height:44px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.how-step[data-astro-cid-yyui2oum] h3[data-astro-cid-yyui2oum]{color:var(--text);margin-bottom:.375rem;font-size:1.0625rem;font-weight:600}.how-step[data-astro-cid-yyui2oum] p[data-astro-cid-yyui2oum]{color:var(--text-2);margin:0;font-size:.9375rem;line-height:1.7}.how-step[data-astro-cid-yyui2oum] code[data-astro-cid-yyui2oum]{font-family:var(--font-mono);background:var(--surface-2);border-radius:var(--radius-xs);color:var(--primary);padding:.1em .4em;font-size:.875em}.use-case-grid[data-astro-cid-yyui2oum]{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem;display:grid}.use-case-item[data-astro-cid-yyui2oum]{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--t-fast);padding:1.5rem}.use-case-item[data-astro-cid-yyui2oum]:hover{border-color:var(--primary)}.use-case-item[data-astro-cid-yyui2oum] h3[data-astro-cid-yyui2oum]{color:var(--text);margin-bottom:.5rem;font-size:1rem;font-weight:600}.use-case-item[data-astro-cid-yyui2oum] p[data-astro-cid-yyui2oum]{color:var(--text-2);margin:0;font-size:.9rem;line-height:1.65}.use-case-item[data-astro-cid-yyui2oum] a[data-astro-cid-yyui2oum]{color:var(--primary);text-decoration:none}.faq-list[data-astro-cid-yyui2oum]{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.faq-item[data-astro-cid-yyui2oum]{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--t-fast);padding:.25rem 1.25rem}.faq-item[data-astro-cid-yyui2oum]:hover{border-color:var(--text-4)}.faq-item[data-astro-cid-yyui2oum] summary[data-astro-cid-yyui2oum]{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font-size:.9375rem;font-weight:600;list-style:none;display:flex}.faq-item[data-astro-cid-yyui2oum] summary[data-astro-cid-yyui2oum]::-webkit-details-marker{display:none}.faq-item[data-astro-cid-yyui2oum] summary[data-astro-cid-yyui2oum] svg[data-astro-cid-yyui2oum]{color:var(--text-3);transition:transform var(--t-fast);flex-shrink:0}.faq-item[data-astro-cid-yyui2oum][open] summary[data-astro-cid-yyui2oum] svg[data-astro-cid-yyui2oum]{transform:rotate(180deg)}.faq-item[data-astro-cid-yyui2oum] p[data-astro-cid-yyui2oum]{color:var(--text-2);margin:0 0 1rem;font-size:.9rem;line-height:1.7}.related-tools-section[data-astro-cid-yyui2oum]{border-top:1px solid var(--border);background:var(--surface-2);padding:4rem 0}.related-tools-section[data-astro-cid-yyui2oum] .section-label[data-astro-cid-yyui2oum],.related-tools-section[data-astro-cid-yyui2oum] .section-title[data-astro-cid-yyui2oum]{text-align:center}.related-tools-grid[data-astro-cid-yyui2oum]{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:2rem;display:grid}.related-tool-card[data-astro-cid-yyui2oum]{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;transition:all var(--t-base) var(--ease-out);flex-direction:column;padding:1.75rem;text-decoration:none;display:flex}.related-tool-card[data-astro-cid-yyui2oum]:hover{border-color:var(--text-4)}.tool-icon[data-astro-cid-yyui2oum]{width:36px;height:36px;color:var(--text-2);background:var(--surface-2);border-radius:var(--radius-sm);justify-content:center;align-items:center;margin-bottom:.25rem;display:flex}.tool-icon[data-astro-cid-yyui2oum] svg[data-astro-cid-yyui2oum]{width:18px;height:18px}.related-tool-card[data-astro-cid-yyui2oum] h3[data-astro-cid-yyui2oum]{margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.related-tool-card[data-astro-cid-yyui2oum] p[data-astro-cid-yyui2oum]{color:var(--text-3);margin-bottom:0;font-size:.8125rem}@media (width<=640px){.container[data-astro-cid-yyui2oum]{padding:0 1rem}.tool-page-header[data-astro-cid-yyui2oum]{padding-top:2.5rem}.how-step[data-astro-cid-yyui2oum]{flex-direction:column;gap:.75rem}.use-case-grid[data-astro-cid-yyui2oum],.related-tools-grid[data-astro-cid-yyui2oum]{grid-template-columns:1fr}}