.header[data-astro-cid-hyzlubry]{border-bottom:1px solid var(--border, #E5E7EB);background:var(--bg-white, #fff)}.header__inner[data-astro-cid-hyzlubry]{max-width:var(--max-width, 960px);margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.header__logo[data-astro-cid-hyzlubry]{font-weight:700;font-size:1.125rem;color:var(--text, #1F2937);text-decoration:none}.header__nav[data-astro-cid-hyzlubry]{display:flex;gap:16px}.header__nav[data-astro-cid-hyzlubry] a[data-astro-cid-hyzlubry]{font-size:.875rem;color:var(--text-light, #6B7280);text-decoration:none}.header__nav[data-astro-cid-hyzlubry] a[data-astro-cid-hyzlubry]:hover{color:var(--text, #1F2937)}.footer[data-astro-cid-hyzlubry]{border-top:1px solid var(--border, #E5E7EB);margin-top:4rem;padding:2rem 0}.footer__inner[data-astro-cid-hyzlubry]{max-width:var(--max-width, 960px);margin:0 auto;padding:0 20px;text-align:center;color:var(--text-light, #6B7280);font-size:.875rem}:root{--primary: var(--primaryColor)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #4F46E5;--primary-light: #818CF8;--bg: #F8F9FA;--bg-white: #FFFFFF;--text: #1F2937;--text-light: #6B7280;--border: #E5E7EB;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--max-width: 960px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:0 20px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1{font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:.5rem}h2{font-size:1.5rem;font-weight:700;margin:2rem 0 1rem}h3{font-size:1.125rem;font-weight:600;margin:1.5rem 0 .5rem}p{margin-bottom:1rem}.generator{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:24px;margin:24px 0}.generator__input{width:100%;padding:16px;font-size:1.125rem;font-family:var(--font);border:2px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color .2s;resize:vertical;min-height:80px}.generator__input:focus{border-color:var(--primary)}.generator__actions{display:flex;gap:8px;margin:12px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;min-height:44px;min-width:44px;font-size:.875rem;font-weight:500;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text);cursor:pointer;transition:all .15s}.btn:hover{background:var(--bg);border-color:var(--text-light)}.btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn--primary:hover{background:var(--primary-light);border-color:var(--primary-light)}.styles-grid{display:grid;gap:12px;margin:16px 0}.style-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);transition:box-shadow .15s}.style-card:hover{box-shadow:var(--shadow)}.style-card__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-bottom:4px}.style-card__preview{font-size:1.25rem;word-break:break-all;line-height:1.4}.style-card__copy{flex-shrink:0;margin-left:12px}.copy-btn{padding:10px 18px;min-height:44px;min-width:44px;font-size:.875rem;font-weight:500;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text);cursor:pointer;transition:all .15s;white-space:nowrap}.copy-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.copy-btn--copied{background:#10b981;color:#fff;border-color:#10b981}.content-section{margin:3rem 0}.content-section h2{border-bottom:2px solid var(--border);padding-bottom:.5rem}.faq-item{border-bottom:1px solid var(--border);padding:1rem 0}.faq-item summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary:after{content:"+";font-size:1.25rem;color:var(--text-light);transition:transform .2s}.faq-item[open] summary:after{content:"−"}.faq-item p{margin-top:.75rem;color:var(--text-light)}.hero{text-align:center;padding:3rem 0 1.5rem}.hero__subtitle{font-size:1.125rem;color:var(--text-light);max-width:600px;margin:.5rem auto 0}.cross-links{display:flex;flex-wrap:wrap;gap:8px;margin:1rem 0}.cross-links a{padding:6px 14px;font-size:.875rem;background:var(--bg);border:1px solid var(--border);border-radius:100px;color:var(--text);transition:all .15s}.cross-links a:hover{background:var(--primary);color:#fff;border-color:var(--primary);text-decoration:none}@media (max-width: 640px){h1{font-size:1.5rem}.hero{padding:2rem 0 1rem}.generator{padding:16px}.generator__input{font-size:1rem;padding:12px}.style-card{flex-direction:column;align-items:flex-start;gap:8px}.style-card__copy{margin-left:0}}