.env-page[data-v-ab9b47c1]{color:#1e293b;max-width:100%;padding-block:1.5rem 4rem}.breadcrumb-nav[data-v-ab9b47c1]{max-width:100%;margin-bottom:1.25rem}.breadcrumb-list[data-v-ab9b47c1]{color:#64748b;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;font-size:.81rem;list-style:none;display:flex}.breadcrumb-link[data-v-ab9b47c1]{color:#64748b;text-decoration:none;transition:color .15s}.breadcrumb-link[data-v-ab9b47c1]:hover{color:#2563eb}.breadcrumb-separator[data-v-ab9b47c1]{color:#cbd5e1}.breadcrumb-current[data-v-ab9b47c1]{color:#1e293b;font-weight:600}.tool-header[data-v-ab9b47c1]{margin-bottom:2.75rem;padding-bottom:.5rem}.header-badges[data-v-ab9b47c1]{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.badge-tag[data-v-ab9b47c1]{color:#15803d;gap:.45rem;padding:.22rem .7rem;font-size:.75rem;font-weight:650}.badge-tag[data-v-ab9b47c1],.privacy-pill[data-v-ab9b47c1]{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;align-items:center;display:inline-flex}.privacy-pill[data-v-ab9b47c1]{color:#059669;gap:.35rem;padding:.22rem .65rem;font-size:.72rem;font-weight:600}.tool-title[data-v-ab9b47c1]{color:#0f172a;letter-spacing:-.025em;word-break:break-word;margin-bottom:.65rem;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:800;line-height:1.25}.tool-desc[data-v-ab9b47c1]{color:#64748b;word-break:break-word;max-width:760px;margin:0;font-size:.98rem;line-height:1.6}.workspace-grid[data-v-ab9b47c1]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.5rem;margin-bottom:3.5rem;display:grid}.panel-card[data-v-ab9b47c1],.workspace-grid[data-v-ab9b47c1]{box-sizing:border-box;max-width:100%}.panel-card[data-v-ab9b47c1]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000a}.output-panel[data-v-ab9b47c1]{z-index:10;align-self:start;position:sticky;top:5.5rem}.panel-header[data-v-ab9b47c1]{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.panel-title-wrap[data-v-ab9b47c1]{align-items:center;gap:.45rem;min-width:0;display:flex}.panel-title-wrap svg[data-v-ab9b47c1]{color:#64748b;flex-shrink:0}.panel-title[data-v-ab9b47c1]{color:#0f172a;font-size:.85rem;font-weight:700}.count-pill[data-v-ab9b47c1]{color:#16a34a;background:#dcfce7;border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:650}.panel-actions[data-v-ab9b47c1]{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.btn-text-action[data-v-ab9b47c1]{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.3rem;padding:.28rem .6rem;font-size:.74rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-text-action[data-v-ab9b47c1]:hover{color:#0f172a;background:#f1f5f9}.btn-clear[data-v-ab9b47c1]:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.editor-wrap[data-v-ab9b47c1]{width:100%;position:relative}.editor-textarea[data-v-ab9b47c1]{color:#0f172a;resize:vertical;box-sizing:border-box;background:#fff;border:none;outline:none;width:100%;min-height:380px;padding:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.82rem;line-height:1.6}.editor-textarea[data-v-ab9b47c1]:focus{background:#fafafa}.panel-footer[data-v-ab9b47c1]{background:#f8fafc;border-top:1px solid #e2e8f0;padding:.75rem 1rem}.mask-toggle[data-v-ab9b47c1]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:inline-flex}.mask-checkbox[data-v-ab9b47c1]{cursor:pointer;accent-color:#16a34a;width:15px;height:15px}.mask-label-text[data-v-ab9b47c1]{color:#475569;align-items:center;gap:.35rem;font-size:.76rem;font-weight:600;display:inline-flex}.mask-label-text svg[data-v-ab9b47c1]{color:#64748b}.format-tabs-bar[data-v-ab9b47c1]{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.format-tabs-label[data-v-ab9b47c1]{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:700}.format-tabs-list[data-v-ab9b47c1]{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.tab-btn[data-v-ab9b47c1]{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.3rem .65rem;font-size:.75rem;font-weight:650;transition:all .15s}.tab-btn[data-v-ab9b47c1]:hover{color:#0f172a;border-color:#94a3b8}.tab-btn.is-active[data-v-ab9b47c1]{color:#fff;background:#0f172a;border-color:#0f172a}.tab-btn.is-highlight[data-v-ab9b47c1]{color:#16a34a;background:#f0fdf4;border-color:#86efac}.tab-btn.is-highlight.is-active[data-v-ab9b47c1]{color:#fff;background:#16a34a}.output-sub-header[data-v-ab9b47c1]{background:#f1f5f9;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.output-stats[data-v-ab9b47c1]{color:#64748b;gap:.35rem;font-size:.72rem}.output-actions[data-v-ab9b47c1],.output-stats[data-v-ab9b47c1]{align-items:center;display:flex}.output-actions[data-v-ab9b47c1]{gap:.45rem}.btn-copy[data-v-ab9b47c1],.btn-download[data-v-ab9b47c1]{cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:.35rem;padding:.38rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-copy[data-v-ab9b47c1]{color:#1e293b;background:#fff;border:1px solid #cbd5e1}.btn-copy[data-v-ab9b47c1]:hover:not(:disabled){background:#f8fafc}.btn-copy.is-copied[data-v-ab9b47c1]{color:#15803d;background:#dcfce7;border-color:#86efac}.btn-download[data-v-ab9b47c1]{color:#fff;background:#16a34a;border:1px solid #15803d}.btn-download[data-v-ab9b47c1]:hover:not(:disabled){background:#15803d}.btn-copy[data-v-ab9b47c1]:disabled,.btn-download[data-v-ab9b47c1]:disabled{opacity:.5;cursor:not-allowed}.output-viewport[data-v-ab9b47c1]{-webkit-overflow-scrolling:touch;box-sizing:border-box;background:#0f172a;width:100%;max-width:100%;min-height:280px;max-height:min(460px,100vh - 16rem);overflow:auto}.output-code[data-v-ab9b47c1]{color:#e2e8f0;white-space:pre;min-width:min-content;margin:0;padding:1.15rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;line-height:1.6}.output-empty[data-v-ab9b47c1]{text-align:center;color:#64748b;justify-content:center;align-items:center;min-height:280px;padding:2rem;font-size:.82rem;display:flex}.output-empty p[data-v-ab9b47c1]{max-width:320px;margin:0}.info-section[data-v-ab9b47c1]{margin-bottom:3.5rem}.section-title[data-v-ab9b47c1]{color:#0f172a;letter-spacing:-.02em;word-break:break-word;font-size:1.35rem;font-weight:750}.section-heading[data-v-ab9b47c1],.section-title[data-v-ab9b47c1]{margin-bottom:1.25rem}.section-subtitle[data-v-ab9b47c1]{color:#64748b;word-break:break-word;margin:.25rem 0 0;font-size:.85rem}.features-grid[data-v-ab9b47c1]{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;display:grid}.feature-card[data-v-ab9b47c1]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;padding:1.25rem;position:relative}.feature-num[data-v-ab9b47c1]{color:#16a34a;margin-bottom:.65rem;font-size:1.1rem;font-weight:800}.feature-card-title[data-v-ab9b47c1]{color:#0f172a;word-break:break-word;margin-bottom:.35rem;font-size:.92rem;font-weight:700}.feature-card-desc[data-v-ab9b47c1]{color:#64748b;word-break:break-word;margin:0;font-size:.78rem;line-height:1.5}.guide-grid[data-v-ab9b47c1]{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;display:grid}.guide-card[data-v-ab9b47c1]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;padding:1.25rem}.guide-step-title[data-v-ab9b47c1]{color:#0f172a;word-break:break-word;margin-bottom:.4rem;font-size:.9rem;font-weight:700}.guide-step-desc[data-v-ab9b47c1]{color:#64748b;word-break:break-word;margin:0;font-size:.78rem;line-height:1.5}.related-grid[data-v-ab9b47c1]{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.related-card[data-v-ab9b47c1]{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:.85rem;min-width:0;padding:1rem;text-decoration:none;transition:all .15s;display:flex}.related-card[data-v-ab9b47c1]:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.related-info[data-v-ab9b47c1]{flex-direction:column;gap:.25rem;min-width:0;display:flex}.related-info strong[data-v-ab9b47c1]{color:#0f172a;word-break:break-word;font-size:.82rem;font-weight:700}.related-info span[data-v-ab9b47c1]{color:#64748b;word-break:break-word;font-size:.74rem;line-height:1.4}@media (width<=1024px){.workspace-grid[data-v-ab9b47c1]{grid-template-columns:minmax(0,1fr)}.output-panel[data-v-ab9b47c1]{position:static}.features-grid[data-v-ab9b47c1],.guide-grid[data-v-ab9b47c1],.related-grid[data-v-ab9b47c1]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.tool-header[data-v-ab9b47c1]{margin-bottom:1.5rem}.features-grid[data-v-ab9b47c1],.guide-grid[data-v-ab9b47c1],.related-grid[data-v-ab9b47c1]{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.panel-card[data-v-ab9b47c1]{border-radius:10px}.output-sub-header[data-v-ab9b47c1],.panel-header[data-v-ab9b47c1]{padding:.65rem .85rem}.output-sub-header[data-v-ab9b47c1]{flex-direction:column;align-items:stretch;gap:.5rem}.output-actions[data-v-ab9b47c1]{width:100%}.btn-copy[data-v-ab9b47c1],.btn-download[data-v-ab9b47c1]{flex:1 1 0;justify-content:center}}