.tool-header[data-astro-cid-hobaeprx]{text-align:center;margin-bottom:2rem}.tool-header[data-astro-cid-hobaeprx] h1[data-astro-cid-hobaeprx]{font-size:2rem;margin-bottom:.5rem}.tool-header[data-astro-cid-hobaeprx] p[data-astro-cid-hobaeprx]{color:var(--text-muted)}.generator-layout[data-astro-cid-hobaeprx]{display:grid;grid-template-columns:380px 1fr;gap:2rem;margin-bottom:2rem}.controls-panel[data-astro-cid-hobaeprx]{background:var(--surface);border-radius:12px;padding:1.5rem;border:1px solid var(--border)}.control-group[data-astro-cid-hobaeprx]{margin-bottom:1rem}.control-label[data-astro-cid-hobaeprx]{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text)}.control-input[data-astro-cid-hobaeprx],.control-select[data-astro-cid-hobaeprx]{width:100%;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.875rem}.color-input[data-astro-cid-hobaeprx]{width:50px;height:36px;border-radius:8px;border:1px solid var(--border);cursor:pointer}.style-options[data-astro-cid-hobaeprx]{display:flex;flex-wrap:wrap;gap:.5rem}.style-btn[data-astro-cid-hobaeprx]{padding:.375rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.8rem;cursor:pointer;transition:all .2s}.style-btn[data-astro-cid-hobaeprx]:hover{border-color:var(--primary)}.style-btn[data-astro-cid-hobaeprx].active{background:var(--primary);color:#fff;border-color:var(--primary)}.position-grid[data-astro-cid-hobaeprx]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.pos-btn[data-astro-cid-hobaeprx]{padding:.5rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:1rem;cursor:pointer;transition:all .2s}.pos-btn[data-astro-cid-hobaeprx]:hover{border-color:var(--primary)}.pos-btn[data-astro-cid-hobaeprx].active{background:var(--primary);color:#fff;border-color:var(--primary)}.control-row[data-astro-cid-hobaeprx]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.control-checkbox[data-astro-cid-hobaeprx]{width:16px;height:16px;accent-color:var(--primary)}.btn[data-astro-cid-hobaeprx]{padding:.625rem 1.25rem;border-radius:8px;border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-astro-cid-hobaeprx]{background:var(--primary);color:#fff;width:100%;margin-top:.5rem}.btn-primary[data-astro-cid-hobaeprx]:hover{opacity:.9}.preview-panel[data-astro-cid-hobaeprx]{background:var(--surface);border-radius:12px;padding:1.5rem;border:1px solid var(--border);position:relative}.preview-header[data-astro-cid-hobaeprx] h3[data-astro-cid-hobaeprx]{margin-bottom:1rem;font-size:1rem}.toast-preview-area[data-astro-cid-hobaeprx]{min-height:300px;position:relative;overflow:hidden;border-radius:8px;background:repeating-linear-gradient(45deg,var(--bg),var(--bg) 10px,rgba(99,102,241,.05) 10px,rgba(99,102,241,.05) 20px)}.preview-hint[data-astro-cid-hobaeprx]{text-align:center;color:var(--text-muted);font-size:.8rem;margin-top:1rem}.code-section[data-astro-cid-hobaeprx]{background:var(--surface);border-radius:12px;padding:1.5rem;border:1px solid var(--border)}.code-tabs[data-astro-cid-hobaeprx]{display:flex;gap:.5rem;margin-bottom:1rem}.code-tab[data-astro-cid-hobaeprx]{padding:.5rem 1rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer}.code-tab[data-astro-cid-hobaeprx].active{background:var(--primary);color:#fff;border-color:var(--primary)}.code-block-wrapper[data-astro-cid-hobaeprx]{position:relative}.code-block[data-astro-cid-hobaeprx]{background:#1e1e2e;color:#cdd6f4;padding:1rem;border-radius:8px;overflow-x:auto;font-size:.85rem;line-height:1.6;min-height:200px}.code-block[data-astro-cid-hobaeprx].hidden{display:none}.copy-btn[data-astro-cid-hobaeprx]{position:absolute;top:.75rem;right:.75rem;padding:.375rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.8rem;cursor:pointer}.copy-btn[data-astro-cid-hobaeprx]:hover{background:var(--primary);color:#fff}.toast[data-astro-cid-hobaeprx]{position:fixed;display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;box-shadow:0 10px 40px #00000026;min-width:300px;max-width:400px;z-index:10000;font-family:system-ui,-apple-system,sans-serif}.toast-icon[data-astro-cid-hobaeprx]{flex-shrink:0;width:24px;height:24px}.toast-content[data-astro-cid-hobaeprx]{flex:1;min-width:0}.toast-title[data-astro-cid-hobaeprx]{font-weight:600;font-size:.95rem;margin-bottom:.25rem}.toast-message[data-astro-cid-hobaeprx]{font-size:.85rem;opacity:.85}.toast-close[data-astro-cid-hobaeprx]{flex-shrink:0;background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.5;padding:0;line-height:1}.toast-close[data-astro-cid-hobaeprx]:hover{opacity:1}.toast-progress[data-astro-cid-hobaeprx]{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 0 10px;background:currentColor;opacity:.3}@media(max-width:768px){.generator-layout[data-astro-cid-hobaeprx],.control-row[data-astro-cid-hobaeprx]{grid-template-columns:1fr}}