/* Start:/local/templates/mcp/styles.css?177720942241*/


/*# sourceMappingURL=styles.css.map */

/* End */


/* Start:/local/templates/mcp/template_styles.min.css?17780066918335*/
@charset "UTF-8";*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-weight:400;font-size:16px;background:#fff;color:#1a1a1a;line-height:1.6}h1,h2,h3,h4{font-weight:600;line-height:1.25}h1{font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em}h2{font-size:clamp(1.3rem,2.5vw,1.6rem);letter-spacing:-.01em}p{color:#555}a,nav .links a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.tool-card h4,code,pre{font-family:"SF Mono","Fira Code","Cascadia Code","Courier New",monospace}code{font-size:.88em;background:#f2f2f2;padding:.15em .35em;border-radius:3px}.tool-card h4,pre{font-size:.85rem}pre{line-height:1.55;overflow-x:auto}pre code{background:0 0;padding:0;border-radius:0;font-size:inherit}nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid #e8e8e8}nav .inner,section{max-width:780px;margin:0 auto}nav .inner{padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:52px}nav .logo{font-weight:700;font-size:1rem;color:#1a1a1a;text-decoration:none;letter-spacing:-.01em}nav .logo small{font-weight:400;font-size:11px;color:#999;margin-left:2px}#hero,nav .links{display:flex;align-items:center}nav .links{gap:1.75rem}nav .links a{font-size:.9rem;color:#555;transition:color .15s}footer a,nav .links a:hover{color:#1a1a1a;text-decoration:none}section{padding:5rem 1.5rem}#hero{min-height:80vh;flex-direction:column;justify-content:center;text-align:center;padding:100px 1.5rem 5rem}#hero h1,#seo-text h3,#support .section-title,.card h3{margin-bottom:.75rem}#hero p{font-size:1.05rem;max-width:520px;margin:0 auto 2rem;color:#666}.section-title{margin-bottom:1rem;text-align:center}.section-desc{color:#666;max-width:540px;font-size:.95rem;text-align:center;margin:0 auto 30px}.code-block{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:8px;padding:1.25rem 1.5rem;max-width:560px;width:100%;text-align:left}.code-block pre,.config-code pre{margin:0}.code-block code,code{color:#1a1a1a}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.tool-card{border:1px solid #e8e8e8;border-radius:6px;padding:1rem;transition:border-color .15s}.tool-card:hover{border-color:#2563eb}.tool-card h4{font-weight:600;margin-bottom:.25rem;color:#2563eb}.tool-card p{font-size:.8rem;color:#777;line-height:1.4}.configs-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.config-block{border:1px solid #e8e8e8;border-radius:6px;padding:1rem 1.25rem}.config-block p.label{font-size:.85rem;color:#555;margin-bottom:.6rem}.config-block p.label code{font-size:.82em}.config-code{background:#f7f7f7;border-radius:5px;padding:.75rem 1rem;overflow-x:auto}.config-code code{font-size:.8rem;line-height:1.6;color:#333}.problem-solution{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.card{border:1px solid #e8e8e8;border-radius:6px;padding:1.25rem 1.5rem}.card h3{font-size:1rem}.card ul,.how-details-card ul{list-style:none;font-size:.9rem;color:#555}.card ul li,.how-details-card ul li{padding:.25rem 0 .25rem 1.2rem;position:relative;line-height:1.5}.card.problem{border-left:3px solid #e5e5e5}.card.problem ul li::before,.card.solution ul li::before,.how-details-card ul li::before{content:"—";position:absolute;left:0;color:#bbb}.card.solution{border-left:3px solid #1a1a1a}.card.solution ul li::before{color:#1a1a1a}.how-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.how-details-card{border:1px solid #e8e8e8;border-radius:6px;padding:1.25rem 1.5rem}.how-details-card h4,.step h4{font-size:.95rem;margin-bottom:.75rem}.how-details-card ul{font-size:.88rem}.how-details-card ul li{padding:.3rem 0 .3rem 1.2rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;counter-reset:step}.step{border:1px solid #e8e8e8;border-radius:6px;padding:1.25rem;position:relative}.step::before{counter-increment:step;content:counter(step);display:inline-block;font-size:.75rem;font-weight:700;color:#aaa;margin-bottom:.5rem}.step h4{margin-bottom:.35rem}.step p{font-size:.88rem;color:#666}.seo-tools-list strong,.step .mini-code{font-family:"SF Mono","Fira Code","Cascadia Code","Courier New",monospace}.step .mini-code{margin-top:.75rem;background:#f7f7f7;border-radius:5px;padding:.5rem .75rem;font-size:.8rem;color:#333;word-break:break-all}#seo-text,#support{border-top:1px solid #e8e8e8}#support{text-align:center;background:#f9f9f9;border-bottom:1px solid #e8e8e8;padding:3.5rem 1.5rem}#support p{font-size:.9rem;color:#777;max-width:440px;margin:0 auto .5rem}#support a{font-weight:500}#seo-text{padding-top:3rem;padding-bottom:3rem}#seo-text h2{margin-bottom:1.25rem}#seo-text h3{font-size:clamp(1.05rem,2vw,1.15rem);margin-top:1.75rem}#seo-text p{font-size:.9rem;color:#666;margin-bottom:1rem;line-height:1.7}.seo-text-inner{max-width:100%}.seo-tools-list{list-style:none;margin:.5rem 0 1.25rem;columns:2;column-gap:2rem}.seo-tools-list li{font-size:.85rem;color:#555;padding:.2rem 0;line-height:1.5;break-inside:avoid}.seo-tools-list strong{font-size:.82em;color:#1a1a1a}.seo-text-footer,footer{border-top:1px solid #e8e8e8}.seo-text-footer{font-size:.9rem;color:#888;margin-top:1.5rem;padding-top:1rem}.prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.prompt-card{background:#1a1a1a;border-radius:6px;overflow:hidden}.prompt-header{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-bottom:1px solid #333}.prompt-label{font-size:.75rem;font-weight:600;color:#888;flex:1;letter-spacing:.04em;text-transform:uppercase}.prompt-copy{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .55rem;background:0 0;border:1px solid #444;border-radius:4px;color:#777;font-size:.7rem;cursor:pointer;transition:all .15s}.prompt-copy:hover{background:#333;border-color:#555;color:#ccc}.prompt-copy.copied{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#4ade80}.prompt-copy-text,.prompt-copy.copied svg{display:none}.prompt-copy.copied .prompt-copy-text{display:inline}.prompt-body{padding:1rem 1.25rem;font-size:.8rem;line-height:1.7;color:#bbb;white-space:pre-wrap;word-break:break-word;user-select:all}.video-container{position:relative;width:100%;max-width:600px;margin:0 auto;border-radius:6px;overflow:hidden;border:1px solid #e8e8e8;background:#000;aspect-ratio:16/9}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}footer{text-align:center;padding:3rem 1.5rem;font-size:.85rem;color:#999}footer a{color:#666}footer a:hover{color:#1a1a1a;text-decoration:underline}.footer-content p{margin-bottom:.3rem}.footer-author{font-size:.82rem;color:#bbb}.footer-repo{margin:.6rem 0}.repo-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:#888;text-decoration:none}.repo-link:hover{color:#1a1a1a}.repo-icon{flex-shrink:0;opacity:.6}.burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:32px;height:32px;background:0 0;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;padding:5px;z-index:60}.burger span{display:block;width:18px;height:2px;background:#555;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.burger.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width:860px){.burger,nav .links.open{display:flex}nav .links{position:fixed;top:52px;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid #e8e8e8;padding:1rem 1.5rem 1.5rem;gap:0;display:none}nav .links a{display:block;padding:.6rem 0;font-size:1rem;color:#1a1a1a;border-bottom:1px solid #f2f2f2}nav .links a:last-child{border-bottom:none}}@media (max-width:768px){.configs-grid,.how-details,.problem-solution,.prompt-grid,.steps{grid-template-columns:1fr}}@media (max-width:640px){body{font-size:15px}section{padding:3rem 1rem}#hero{padding-top:70px}#hero h1{font-size:clamp(1.5rem,5vw,2rem)}#hero p{font-size:.95rem}.tools-grid{grid-template-columns:1fr}.tool-card h4{font-size:.82rem}.tool-card p{font-size:.78rem}footer{padding:2rem 1rem;font-size:.8rem}}
/* End */
/* /local/templates/mcp/styles.css?177720942241 */
/* /local/templates/mcp/template_styles.min.css?17780066918335 */