.tool-page-container[data-astro-cid-ycsfayq6]{padding-top:2rem}.tool-header-block[data-astro-cid-ycsfayq6]{margin-bottom:2rem}.tool-badge-row[data-astro-cid-ycsfayq6]{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.tool-header-icon[data-astro-cid-ycsfayq6]{font-size:2rem}.tool-title-main[data-astro-cid-ycsfayq6]{color:var(--text);margin-bottom:.75rem;font-size:2.75rem;font-weight:800}.tool-lead-desc[data-astro-cid-ycsfayq6]{color:var(--muted);max-width:780px;font-size:1.15rem;line-height:1.6}.tool-studio-wrap[data-astro-cid-ycsfayq6]{margin-bottom:var(--space-8)}.studio-layout[data-astro-cid-ycsfayq6]{gap:var(--space-4);margin-top:var(--space-3);grid-template-columns:minmax(0,1.35fr) minmax(280px,360px);align-items:start;display:grid}.studio-keyboard-col[data-astro-cid-ycsfayq6]{min-width:0}.studio-inspector-col[data-astro-cid-ycsfayq6]{z-index:20;align-self:start;min-width:0;position:sticky;top:72px}@media (width<=768px){.studio-layout[data-astro-cid-ycsfayq6]{gap:var(--space-4);grid-template-columns:1fr}.studio-inspector-col[data-astro-cid-ycsfayq6]{position:static}}.tool-workspace-card[data-astro-cid-ycsfayq6]{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:var(--space-8);box-shadow:var(--shadow-card);padding:var(--space-5)}.tool-controls-bar[data-astro-cid-ycsfayq6]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.cat-filter-select-group[data-astro-cid-ycsfayq6]{color:var(--sage-900);align-items:center;gap:.5rem;font-weight:600;display:flex}.tool-select[data-astro-cid-ycsfayq6],.tool-input[data-astro-cid-ycsfayq6]{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--sage-900);outline:none;padding:.5rem .85rem;font-size:.95rem}.symbols-clickable-board[data-astro-cid-ycsfayq6]{background:var(--bg-main);border-radius:var(--radius-md);border:1px solid var(--border-color);grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.65rem;max-height:520px;padding:.5rem;display:grid;overflow-y:auto}.board-symbol-btn[data-astro-cid-ycsfayq6]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--trans-fast);flex-direction:column;justify-content:center;align-items:center;padding:.75rem .35rem;display:flex}.board-symbol-btn[data-astro-cid-ycsfayq6]:hover{background:var(--red-100);border-color:var(--red-400);transform:scale(1.05)}.btn-glyph[data-astro-cid-ycsfayq6]{font-family:var(--font-math);color:var(--sage-900);font-size:1.75rem;line-height:1.1}.board-symbol-btn[data-astro-cid-ycsfayq6]:hover .btn-glyph[data-astro-cid-ycsfayq6]{color:var(--red-600)}.btn-sub[data-astro-cid-ycsfayq6]{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:.65rem;font-weight:600;overflow:hidden}.generator-layout[data-astro-cid-ycsfayq6]{grid-template-columns:1.2fr 1fr;gap:2rem;display:grid}.generator-inputs[data-astro-cid-ycsfayq6] h3[data-astro-cid-ycsfayq6]{margin-bottom:.25rem}.helper-note[data-astro-cid-ycsfayq6]{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem}.gen-buttons-palette[data-astro-cid-ycsfayq6]{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.textarea-group[data-astro-cid-ycsfayq6]{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.textarea-group[data-astro-cid-ycsfayq6] label[data-astro-cid-ycsfayq6]{color:var(--sage-900);font-size:.88rem;font-weight:700}.tool-textarea[data-astro-cid-ycsfayq6]{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;font-family:var(--font-mono);color:var(--sage-900);resize:vertical;outline:none;padding:.75rem;font-size:1rem}.gen-actions[data-astro-cid-ycsfayq6]{gap:.75rem;display:flex}.generator-preview-panel[data-astro-cid-ycsfayq6]{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;padding:1.25rem;display:flex}.generator-preview-panel[data-astro-cid-ycsfayq6] h4[data-astro-cid-ycsfayq6]{margin-bottom:1rem}.preview-output-box[data-astro-cid-ycsfayq6]{border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-math);color:var(--sage-900);text-align:center;word-break:break-word;background:#fff;justify-content:center;align-items:center;min-height:180px;padding:1.5rem;font-size:1.75rem;display:flex}.preview-placeholder[data-astro-cid-ycsfayq6]{font-family:var(--font-sans);color:var(--text-light);font-size:.9rem}.converter-box-grid[data-astro-cid-ycsfayq6]{grid-template-columns:1fr 1fr;gap:2.5rem;display:grid}.conv-label[data-astro-cid-ycsfayq6]{color:var(--sage-900);margin-bottom:.6rem;font-size:1rem;display:block}.conv-big-input[data-astro-cid-ycsfayq6]{width:100%;font-size:1.35rem;font-family:var(--font-math), var(--font-sans);padding:.75rem 1rem}.sample-pills[data-astro-cid-ycsfayq6]{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:1rem;display:flex}.sample-label[data-astro-cid-ycsfayq6]{color:var(--text-muted);font-size:.8rem;font-weight:600}.sample-chip[data-astro-cid-ycsfayq6]{font-family:var(--font-math);background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:.2rem .55rem;font-size:1.15rem}.sample-chip[data-astro-cid-ycsfayq6]:hover{background:var(--red-100);border-color:var(--red-400);color:var(--red-700)}.converter-output-side[data-astro-cid-ycsfayq6]{flex-direction:column;gap:.85rem;display:flex}.conv-result-row[data-astro-cid-ycsfayq6]{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.res-type[data-astro-cid-ycsfayq6]{color:var(--sage-800);flex-shrink:0;width:140px;font-size:.85rem;font-weight:700}.res-code[data-astro-cid-ycsfayq6]{font-family:var(--font-mono);color:var(--red-800);text-overflow:ellipsis;flex-grow:1;font-size:.95rem;overflow:hidden}.tool-live-search-box[data-astro-cid-ycsfayq6]{background:var(--bg-main);border:2px solid var(--sage-300);border-radius:var(--radius-lg);align-items:center;gap:.75rem;margin-bottom:2rem;padding:.75rem 1.25rem;display:flex}.tool-input-large[data-astro-cid-ycsfayq6]{width:100%;color:var(--sage-900);background:0 0;border:none;outline:none;font-size:1.15rem}.finder-results-grid[data-astro-cid-ycsfayq6]{flex-direction:column;gap:.75rem;max-height:540px;display:flex;overflow-y:auto}.finder-item-card[data-astro-cid-ycsfayq6]{align-items:center;gap:1.25rem;padding:1rem 1.25rem;display:flex}.f-glyph[data-astro-cid-ycsfayq6]{font-family:var(--font-math);color:var(--sage-900);background:var(--bg-subtle);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:2.25rem;display:flex}.finder-info-col[data-astro-cid-ycsfayq6]{flex-direction:column;flex-grow:1;gap:.25rem;display:flex}.f-top[data-astro-cid-ycsfayq6]{align-items:center;gap:.75rem;display:flex}.f-name[data-astro-cid-ycsfayq6]{color:var(--sage-900);font-size:1.05rem;font-weight:700}.f-cat[data-astro-cid-ycsfayq6]{color:var(--sage-700);background:var(--sage-100);border-radius:var(--radius-full);padding:.15rem .5rem;font-size:.72rem;font-weight:700}.f-codes[data-astro-cid-ycsfayq6]{font-size:.78rem;font-family:var(--font-mono);color:var(--red-700);gap:.75rem;display:flex}.f-meaning[data-astro-cid-ycsfayq6]{color:var(--text-muted);font-size:.85rem}.tool-content-section[data-astro-cid-ycsfayq6]{margin-bottom:3.5rem;padding:2rem}.content-section-header[data-astro-cid-ycsfayq6]{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.content-section-title[data-astro-cid-ycsfayq6]{color:var(--text-main);font-size:1.75rem;font-weight:800}.content-lead-p[data-astro-cid-ycsfayq6]{color:var(--text-muted);font-size:1.08rem;line-height:1.75}.content-sub[data-astro-cid-ycsfayq6]{color:var(--text-muted);font-size:.95rem}.section-title-wrap[data-astro-cid-ycsfayq6]{flex-direction:column;gap:.4rem;margin-bottom:1.5rem;display:flex}.methodology-table-wrap[data-astro-cid-ycsfayq6]{margin-top:1.5rem}.steps-grid[data-astro-cid-ycsfayq6]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.step-card[data-astro-cid-ycsfayq6]{background:var(--bg-surface);border:1px solid var(--border-color);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.step-header[data-astro-cid-ycsfayq6]{align-items:center;gap:.75rem;display:flex}.step-num-badge[data-astro-cid-ycsfayq6]{text-transform:uppercase;background:var(--sage-100);color:var(--sage-800);border-radius:var(--radius-full);padding:.2rem .6rem;font-size:.75rem;font-weight:800}.step-card-title[data-astro-cid-ycsfayq6]{color:var(--text-main);font-size:1.05rem;font-weight:700}.step-desc[data-astro-cid-ycsfayq6]{color:var(--text-muted);flex-grow:1;font-size:.9rem;line-height:1.6}.step-tip-box[data-astro-cid-ycsfayq6]{background:var(--bg-main);border-radius:var(--radius-sm);border-left:3px solid var(--sage-600);color:var(--text-main);align-items:flex-start;gap:.5rem;padding:.65rem .85rem;font-size:.82rem;display:flex}.examples-list[data-astro-cid-ycsfayq6]{flex-direction:column;gap:1.5rem;margin-top:1rem;display:flex}.example-item-box[data-astro-cid-ycsfayq6]{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:.85rem;padding:1.25rem 1.5rem;display:flex}.example-top-bar[data-astro-cid-ycsfayq6]{justify-content:space-between;align-items:center;gap:1rem;display:flex}.example-name[data-astro-cid-ycsfayq6]{color:var(--text-main);font-size:1.1rem;font-weight:700}.example-io-grid[data-astro-cid-ycsfayq6]{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid}.io-col[data-astro-cid-ycsfayq6]{flex-direction:column;gap:.35rem;display:flex}.io-label[data-astro-cid-ycsfayq6]{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.75rem;font-weight:700}.io-code-wrap[data-astro-cid-ycsfayq6]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.65rem .85rem;font-size:.95rem}.io-code-wrap[data-astro-cid-ycsfayq6].highlight{border-color:var(--sage-400);background:#496f5d14;justify-content:space-between;align-items:center;display:flex}.output-text[data-astro-cid-ycsfayq6]{color:var(--sage-900);font-size:1.15rem;font-weight:700}.io-arrow[data-astro-cid-ycsfayq6]{color:var(--sage-600);font-size:1.25rem;font-weight:700}.example-explanation[data-astro-cid-ycsfayq6]{color:var(--text-muted);font-size:.85rem;line-height:1.5}.usecases-grid[data-astro-cid-ycsfayq6]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.usecase-card[data-astro-cid-ycsfayq6]{background:var(--bg-surface);border:1px solid var(--border-color);flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.uc-icon-wrap[data-astro-cid-ycsfayq6]{margin-bottom:.25rem;font-size:2rem}.uc-role[data-astro-cid-ycsfayq6]{text-transform:uppercase;letter-spacing:.05em;color:var(--red-600);font-size:.75rem;font-weight:800}.uc-title[data-astro-cid-ycsfayq6]{color:var(--text-main);font-size:1.1rem;font-weight:700}.uc-desc[data-astro-cid-ycsfayq6]{color:var(--text-muted);font-size:.88rem;line-height:1.6}.tool-features-section[data-astro-cid-ycsfayq6]{margin-bottom:3.5rem}.section-title-sm[data-astro-cid-ycsfayq6]{color:var(--text-main);font-size:1.6rem;font-weight:800}.tool-features-grid[data-astro-cid-ycsfayq6]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.feature-card[data-astro-cid-ycsfayq6]{flex-direction:column;gap:.5rem;display:flex}.feature-number[data-astro-cid-ycsfayq6]{font-family:var(--font-mono);color:var(--red-600);font-size:1.25rem;font-weight:800}.feature-title[data-astro-cid-ycsfayq6]{font-size:1.05rem;font-weight:700}.feature-desc[data-astro-cid-ycsfayq6]{color:var(--text-muted);font-size:.85rem;line-height:1.5}.other-tools-grid[data-astro-cid-ycsfayq6]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.other-tool-card[data-astro-cid-ycsfayq6]{align-items:center;gap:.85rem;padding:1rem;text-decoration:none;display:flex}.ot-icon[data-astro-cid-ycsfayq6]{flex-shrink:0;font-size:1.75rem}.ot-title[data-astro-cid-ycsfayq6]{color:var(--sage-900);font-size:.95rem;font-weight:700}.ot-desc[data-astro-cid-ycsfayq6]{color:var(--text-muted);font-size:.75rem}@media (width<=860px){.generator-layout[data-astro-cid-ycsfayq6],.converter-box-grid[data-astro-cid-ycsfayq6]{grid-template-columns:1fr}}
