.tool-page[data-astro-cid-qm7bxg33]{max-width:1100px;margin:0 auto;padding:32px 24px 80px}.generator-tool[data-astro-cid-qm7bxg33]{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;margin-bottom:64px}@media(max-width:900px){.generator-tool[data-astro-cid-qm7bxg33]{grid-template-columns:1fr}}.config-panel[data-astro-cid-qm7bxg33]{display:flex;flex-direction:column;gap:24px}.panel-section[data-astro-cid-qm7bxg33]{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:24px}.panel-section[data-astro-cid-qm7bxg33].split{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:600px){.panel-section[data-astro-cid-qm7bxg33].split{grid-template-columns:1fr}}.panel-section[data-astro-cid-qm7bxg33] h2[data-astro-cid-qm7bxg33],.field[data-astro-cid-qm7bxg33] label[data-astro-cid-qm7bxg33]{display:block;font-size:15px;font-weight:600;margin:0 0 16px;color:var(--text)}.field[data-astro-cid-qm7bxg33] label[data-astro-cid-qm7bxg33]{margin:0 0 8px}.role-grid[data-astro-cid-qm7bxg33]{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.role-card[data-astro-cid-qm7bxg33]{cursor:pointer;position:relative}.role-card[data-astro-cid-qm7bxg33] input[data-astro-cid-qm7bxg33]{position:absolute;opacity:0;cursor:pointer}.role-content[data-astro-cid-qm7bxg33]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:var(--surface);border:1px solid var(--border-hi);border-radius:12px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.role-card[data-astro-cid-qm7bxg33]:hover .role-content[data-astro-cid-qm7bxg33]{background:var(--surface-2);border-color:var(--border-hi)}.role-card[data-astro-cid-qm7bxg33] input[data-astro-cid-qm7bxg33]:checked~.role-content[data-astro-cid-qm7bxg33]{background:#ba3ab81a;border-color:var(--accent);box-shadow:0 4px 12px #ba3ab826}.role-card[data-astro-cid-qm7bxg33] input[data-astro-cid-qm7bxg33]:focus-visible~.role-content[data-astro-cid-qm7bxg33]{outline:2px solid var(--accent);outline-offset:2px}.role-icon[data-astro-cid-qm7bxg33]{font-size:24px}.role-name[data-astro-cid-qm7bxg33]{font-size:12px;font-weight:500;color:var(--text-dim)}.role-card[data-astro-cid-qm7bxg33] input[data-astro-cid-qm7bxg33]:checked~.role-content[data-astro-cid-qm7bxg33] .role-name[data-astro-cid-qm7bxg33]{color:var(--accent-pink);font-weight:600}select[data-astro-cid-qm7bxg33]{width:100%;padding:10px 12px;background:var(--surface);border:1px solid var(--border-hi);border-radius:8px;color:var(--text);font-size:14px;transition:border-color .2s}select[data-astro-cid-qm7bxg33]:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #ba3ab833}.preview-panel[data-astro-cid-qm7bxg33]{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column}.preview-header[data-astro-cid-qm7bxg33]{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px;flex-wrap:wrap;gap:16px}.preview-title[data-astro-cid-qm7bxg33] h2[data-astro-cid-qm7bxg33]{font-size:18px;font-weight:600;margin:0 0 8px}.char-counter[data-astro-cid-qm7bxg33]{font-size:13px;font-family:var(--mono);color:var(--text-dim);background:var(--surface);padding:4px 8px;border-radius:6px;border:1px solid var(--border);display:inline-block;transition:color .3s,border-color .3s}.char-counter[data-astro-cid-qm7bxg33].near-limit{color:#f59e0b;border-color:#f59e0b66}.char-counter[data-astro-cid-qm7bxg33].over-limit{color:#ef4444;border-color:#ef444466;font-weight:700}.copy-btn[data-astro-cid-qm7bxg33]{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.copy-btn[data-astro-cid-qm7bxg33]:hover{background:#d040ce;transform:translateY(-1px);box-shadow:0 4px 12px #ba3ab833}.copy-btn[data-astro-cid-qm7bxg33]:active{transform:scale(.98)}.copy-btn[data-astro-cid-qm7bxg33]:focus-visible{outline:none;box-shadow:0 0 0 3px #ba3ab866}.copy-btn[data-astro-cid-qm7bxg33].copied{background:#22c55e}.output-box-container[data-astro-cid-qm7bxg33]{flex:1;min-height:400px;display:flex;flex-direction:column}.output-box[data-astro-cid-qm7bxg33]{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;font-family:var(--mono);font-size:14px;color:var(--text);line-height:1.6;white-space:pre-wrap;overflow-y:auto;transition:background-color .3s}.output-box[data-astro-cid-qm7bxg33].updated{background-color:#ba3ab81a}.preview-hint[data-astro-cid-qm7bxg33]{font-size:13px;color:var(--text-faint);margin:16px 0 0;text-align:center}.howto-section[data-astro-cid-qm7bxg33]{margin-bottom:64px}.howto-section[data-astro-cid-qm7bxg33] h2[data-astro-cid-qm7bxg33]{font-size:24px;font-weight:700;margin-bottom:24px;text-align:center}.howto-grid[data-astro-cid-qm7bxg33]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:768px){.howto-grid[data-astro-cid-qm7bxg33]{grid-template-columns:1fr}}.howto-step[data-astro-cid-qm7bxg33]{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;gap:16px;align-items:flex-start}.step-num[data-astro-cid-qm7bxg33]{width:32px;height:32px;background:#ba3ab81a;color:var(--accent-pink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.howto-step[data-astro-cid-qm7bxg33] h3[data-astro-cid-qm7bxg33]{margin:0 0 8px;font-size:16px;font-weight:600}.howto-step[data-astro-cid-qm7bxg33] p[data-astro-cid-qm7bxg33]{margin:0;font-size:14px;color:var(--text-dim);line-height:1.5}.sr-only[data-astro-cid-qm7bxg33]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}