.container{max-width:1280px;margin:0 auto;padding:0 1.5rem;}header{height:64px;position:relative;width:100%;background:#ffffff;border-bottom:1px solid #f3f4f6;z-index:100;display:flex;align-items:center;}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;}.logo{display:flex;align-items:center;gap:0.5rem;text-decoration:none;}.logo-box{background:#2563eb;width:40px;height:40px;border-radius:0.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.logo-text{font-size:clamp(1.25rem, 4vw, 1.5rem);font-weight:700;color:#111827;letter-spacing:-0.025em;}.text-blue{color:#2563eb;}.desktop-nav{display:none;gap:1.5rem;align-items:center;}.nav-link{color:#374151;font-weight:500;text-decoration:none;font-size:1rem;transition:color 0.2s;}.nav-link:hover{color:#2563eb;}.menu-btn{display:block;background:none;border:none;cursor:pointer;color:#374151;}@media (min-width:768px){.desktop-nav{display:flex;}.menu-btn{display:none;}}.mobile-nav{display:none;}.mobile-nav.active{display:flex;flex-direction:column;position:absolute;top:64px;left:0;width:100%;background:#ffffff;border-bottom:1px solid #f3f4f6;padding:1rem 0;z-index:99;}.mobile-nav a{padding:0.75rem 1.5rem;text-decoration:none;color:#374151;font-weight:500;font-size:1.1rem;}:root{--bps-bg:#f8fafc;--bps-card:#ffffff;--bps-black:#000000;--bps-border:#cbd5e1;--bps-radius:16px;}*{box-sizing:border-box;margin:0;padding:0;}html, body{width:100%;overflow-x:hidden;background-color:var(--bps-bg);color:var(--bps-black);font-family:-apple-system, system-ui, sans-serif;-webkit-text-size-adjust:100%;}.bps-layout-wrapper{display:grid;grid-template-columns:100%;width:100%;}@media (min-width:1200px){.bps-layout-wrapper{grid-template-columns:1fr 900px 1fr;}}.bps-ad-placeholder{display:none;background-color:var(--bps-bg);}@media (min-width:1200px){.bps-ad-placeholder{display:block;}}.bps-main-content{width:100%;padding:20px 15px 60px 15px;display:flex;flex-direction:column;gap:25px;}.bps-card-panel{background:var(--bps-card);border:1px solid var(--bps-border);border-radius:var(--bps-radius);padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.05);display:flex;flex-direction:column;width:100%;}@media (min-width:768px){.bps-card-panel{padding:30px;}}.bps-section-heading{display:block;font-size:0.9rem;margin-bottom:1.5rem;color:var(--bps-black);text-transform:uppercase;font-weight:800;letter-spacing:0.05rem;}.bps-input-label{display:block;font-size:0.9rem;font-weight:700;margin-bottom:8px;color:var(--bps-black);}.bps-data-textarea{width:100%;min-height:110px;max-height:300px;padding:12px 15px;border-radius:10px;border:1px solid var(--bps-border);font-size:16px;outline:none;background:#fafbfc;margin-bottom:15px;color:var(--bps-black);resize:vertical;}.bps-text-input{width:100%;padding:12px 15px;border-radius:10px;border:1px solid var(--bps-border);font-size:16px;outline:none;background:#fafbfc;margin-bottom:15px;color:var(--bps-black);}.bps-text-input:focus, .bps-data-textarea:focus{border-color:var(--bps-black);background:#fff;}.bps-error-container{background:#fff5f5;color:#c53030;font-size:0.9rem;font-weight:600;padding:12px;border-radius:8px;border:1px solid #feb2b2;margin-bottom:15px;display:none;}.bps-btn-generate{padding:15px 20px;border-radius:10px;border:none;cursor:pointer;font-weight:700;transition:all 0.2s;font-size:1rem;background:var(--bps-black);color:#fff;width:100%;}.bps-btn-export{padding:15px 20px;border-radius:10px;border:none;cursor:pointer;font-weight:700;transition:all 0.2s;font-size:1rem;background:var(--bps-black);color:#fff;flex:1;}button:disabled{opacity:0.3;cursor:not-allowed;}button:hover:not(:disabled){opacity:0.8;}.bps-color-selector-wrap{margin:10px 0 25px 0;}.bps-color-grid{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;}.bps-color-dot{width:44px;height:44px;border-radius:10px;cursor:pointer;border:2px solid #e2e8f0;padding:0;}.bps-color-dot.bps-active-color{border:3px solid var(--bps-black);}.bps-viz-scroll-area{width:100%;overflow-x:auto;background:#fff;border-radius:8px;-webkit-overflow-scrolling:touch;}#bps-chart-canvas{min-width:800px;height:450px;display:flex;justify-content:center;align-items:center;}.bps-metrics-display-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;}.bps-metric-cell{background:#f8fafc;padding:20px 10px;border-radius:12px;text-align:center;border:1px solid var(--bps-border);}.bps-metric-label{font-size:0.75rem;color:var(--bps-black);font-weight:800;text-transform:uppercase;margin-bottom:8px;display:block;}.bps-metric-value{font-size:1.4rem;font-weight:900;color:var(--bps-black);}.bps-export-actions{display:flex;gap:12px;margin-top:10px;}@media (max-width:600px){.bps-export-actions{flex-direction:column;}}.seo-section{max-width:900px;margin:0 auto;padding:30px 25px;text-align:left;line-height:1.9;}.seo-section h2{font-size:1.8rem;font-weight:900;margin:20px 0 12px;}.seo-section h3{font-size:1.35rem;font-weight:800;margin-top:18px;}.seo-section p{margin-bottom:16px;font-size:1rem;}.seo-section ul{padding-left:20px;margin-bottom:18px;}@media (max-width:600px){.seo-section{padding:20px 15px;}.seo-section h2{font-size:1.4rem;line-height:1.3;}.seo-section h3{font-size:1.15rem;}.seo-section p{font-size:0.95rem;}}footer{margin-top:2rem;padding:3rem 0;border-top:1px solid #f3f4f6;}.footer-content{display:flex;flex-direction:column;align-items:center;gap:2rem;}@media (min-width:768px){.footer-content{flex-direction:row;justify-content:space-between;}}.footer-logo{display:flex;align-items:center;gap:0.5rem;font-weight:700;text-decoration:none;color:#111827;}.footer-icon{background:#e5e7eb;padding:0.25rem;border-radius:0.25rem;display:flex;}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;}.footer-link{font-size:0.875rem;font-weight:500;color:#000000;text-decoration:none;transition:color 0.2s;}.footer-link:hover{color:#2563eb;}.copyright{font-size:0.875rem;color:#000000;}