.text-main[data-astro-cid-of3tzqev]{color:var(--text-main)}.text-muted[data-astro-cid-of3tzqev]{color:var(--text-muted)}.text-blue[data-astro-cid-of3tzqev]{color:var(--text-blue)}.text-red[data-astro-cid-of3tzqev]{color:#f85149}.main-container[data-astro-cid-of3tzqev]{width:100%;max-width:1440px;margin:0 auto;flex:1;display:flex;flex-direction:column}.hero-wrapper[data-astro-cid-of3tzqev]{padding:60px 160px 40px;display:flex;flex-direction:column;align-items:center;text-align:center}.page-title[data-astro-cid-of3tzqev]{font-size:32px;color:var(--text-main);margin:0 0 8px}.page-desc[data-astro-cid-of3tzqev]{font-size:16px;margin:0;line-height:1.5}.tabs-container[data-astro-cid-of3tzqev]{padding:0 160px;width:100%;border-bottom:1px solid var(--border-color);display:flex;justify-content:center}.tabs-wrapper[data-astro-cid-of3tzqev]{display:flex}.tab-btn[data-astro-cid-of3tzqev]{background:none;border:none;padding:0 16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px}.tab-content[data-astro-cid-of3tzqev]{display:flex;align-items:center;gap:8px;padding-top:16px;font-size:14px}.tab-indicator[data-astro-cid-of3tzqev]{width:100%;height:2px;border-radius:2px;background-color:transparent}.tab-btn[data-astro-cid-of3tzqev].active .tab-content[data-astro-cid-of3tzqev]{color:var(--text-main)}.tab-btn[data-astro-cid-of3tzqev].active .tab-indicator[data-astro-cid-of3tzqev]{background-color:var(--text-blue)}.tab-btn[data-astro-cid-of3tzqev].inactive{opacity:.6}.tab-btn[data-astro-cid-of3tzqev].inactive .tab-content[data-astro-cid-of3tzqev]{color:var(--text-muted)}.content-wrapper[data-astro-cid-of3tzqev]{padding:40px 160px 20px;display:flex;flex-direction:column;gap:32px;align-items:center}.io-container[data-astro-cid-of3tzqev]{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:16px;width:100%;max-width:1120px}.io-header[data-astro-cid-of3tzqev]{font-size:14px}.textarea-wrapper[data-astro-cid-of3tzqev]{border:1px solid var(--border-color);background-color:#010409;border-radius:4px;padding:16px;height:180px;display:flex;flex-direction:column;justify-content:space-between}html:not(.dark) .textarea-wrapper[data-astro-cid-of3tzqev]{background-color:#f6f8fa}textarea[data-astro-cid-of3tzqev]{width:100%;flex:1;background:transparent;border:none;outline:none;resize:none;color:var(--text-main);font-family:var(--font-mono);font-size:14px;line-height:1.5;overflow-wrap:break-word;word-break:break-all}textarea[data-astro-cid-of3tzqev]::placeholder{color:var(--text-muted);opacity:.7}.btn-row[data-astro-cid-of3tzqev]{display:flex;justify-content:flex-end}.icon-btn[data-astro-cid-of3tzqev]{background-color:#21262d;border:1px solid var(--border-color);border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:border-color .2s}html:not(.dark) .icon-btn[data-astro-cid-of3tzqev]{background-color:#fff}.icon-btn[data-astro-cid-of3tzqev]:hover{border-color:var(--text-blue)}.toolbar-container[data-astro-cid-of3tzqev]{padding:0;width:100%;max-width:1120px;display:flex;justify-content:center}.toolbar-wrapper[data-astro-cid-of3tzqev]{display:flex;gap:8px}.action-btn[data-astro-cid-of3tzqev]{display:flex;align-items:center;gap:8px;padding:10px 24px;background-color:var(--text-blue);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.action-btn[data-astro-cid-of3tzqev]:hover{opacity:.85}.settings-grid[data-astro-cid-of3tzqev]{display:flex;flex-direction:column;gap:16px}.setting-group[data-astro-cid-of3tzqev]{display:flex;flex-direction:column;gap:8px}.setting-label[data-astro-cid-of3tzqev]{font-size:13px}.setting-input[data-astro-cid-of3tzqev]{background-color:#010409;border:1px solid var(--border-color);border-radius:4px;padding:10px 14px;color:var(--text-main);font-size:14px;outline:none}html:not(.dark) .setting-input[data-astro-cid-of3tzqev]{background-color:#f6f8fa}.setting-input[data-astro-cid-of3tzqev]:focus{border-color:var(--text-blue)}.radio-group[data-astro-cid-of3tzqev]{display:flex;gap:16px}.radio-item[data-astro-cid-of3tzqev]{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-main);cursor:pointer}.radio-item[data-astro-cid-of3tzqev] input[data-astro-cid-of3tzqev][type=radio]{accent-color:var(--text-blue)}.error-box[data-astro-cid-of3tzqev]{border-color:#f8514933;background-color:#f851490d}.output-area[data-astro-cid-of3tzqev]{height:140px}@media(max-width:1200px){.hero-wrapper[data-astro-cid-of3tzqev]{padding:40px 40px 20px}.tabs-container[data-astro-cid-of3tzqev]{padding:0 40px}.content-wrapper[data-astro-cid-of3tzqev]{padding:32px 40px 40px}}@media(max-width:768px){.hero-wrapper[data-astro-cid-of3tzqev]{padding:32px 20px 16px}.page-title[data-astro-cid-of3tzqev]{font-size:24px}.page-desc[data-astro-cid-of3tzqev]{font-size:14px}.tabs-container[data-astro-cid-of3tzqev]{padding:0 20px}.content-wrapper[data-astro-cid-of3tzqev]{padding:24px 20px 40px;gap:24px}.io-container[data-astro-cid-of3tzqev]{padding:16px;gap:12px}.textarea-wrapper[data-astro-cid-of3tzqev]{padding:12px}.radio-group[data-astro-cid-of3tzqev]{flex-direction:column;gap:8px}.settings-grid[data-astro-cid-of3tzqev]{gap:12px}}