@charset "UTF-8";#overlays-page{padding-top:120px;max-width:1200px;margin:0 auto;padding-bottom:60px;width:100%}#overlays-page .breadcrumb{padding:0 20px;margin-bottom:0}#overlays-page .breadcrumb a{color:#666;text-decoration:none;font-size:.8rem;transition:color .2s}#overlays-page .breadcrumb a:hover{color:#a78bfa}#overlays-page .breadcrumb span{color:#444;margin:0 6px;font-size:.8rem}#overlays-page .breadcrumb .current{color:#888;font-size:.8rem}#overlays-page .overlay-hero{text-align:center;padding:32px 20px 40px}#overlays-page .overlay-hero .hero-badge{display:inline-block;color:#a78bfa;font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:1rem}#overlays-page .overlay-hero h1{font-size:3rem;margin:0 auto 1rem;max-width:700px;line-height:1.15;font-weight:800;letter-spacing:-.02em}#overlays-page .overlay-hero h1 span{background:linear-gradient(120deg,#a78bfa,#c084fc);background-clip:text;-webkit-background-clip:text;color:transparent}#overlays-page .overlay-hero .subtitle{font-size:1.1rem;color:#999;max-width:600px;margin:0 auto 28px;line-height:1.6;font-weight:300}#overlays-page .overlay-hero .hero-cta{display:inline-block;background-color:green;color:#fff;font-size:.95rem;font-weight:700;padding:12px 32px;border-radius:8px;text-decoration:none;transition:all .2s ease;border:1px solid #006000}#overlays-page .overlay-hero .hero-cta:hover{background-color:#06b006;transform:translateY(-2px);box-shadow:0 4px 10px #059b054d}#overlays-page .widgets-section{padding:24px 20px}#overlays-page .widgets-section .section-label{text-align:center;text-transform:uppercase;font-size:.75rem;letter-spacing:2px;color:#555;margin-bottom:.5rem;font-weight:600}#overlays-page .widgets-section .section-title{text-align:center;font-size:1.8rem;font-weight:700;margin-bottom:.75rem}#overlays-page .widgets-section .section-subtitle{text-align:center;font-size:.95rem;color:#888;max-width:550px;margin:0 auto 2rem;line-height:1.6}#overlays-page .widget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}#overlays-page .widget-card{background:#1e1e2299;border:1px solid #2a2a2e;border-radius:12px;padding:24px 20px;transition:border-color .2s ease}#overlays-page .widget-card:hover{border-color:#444}#overlays-page .widget-card .widget-icon{width:36px;height:36px;border-radius:8px;background:#ffffff0a;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--widget-color, #a78bfa)}#overlays-page .widget-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem;color:#eee}#overlays-page .widget-card p{font-size:.85rem;color:#888;line-height:1.55;margin-bottom:.75rem}#overlays-page .widget-card .widget-features{list-style:none;padding:0;margin:0}#overlays-page .widget-card .widget-features li{font-size:.78rem;color:#999;padding:3px 0 3px 16px;position:relative}#overlays-page .widget-card .widget-features li:before{content:"·";position:absolute;left:0;color:var(--widget-color, #a78bfa);font-weight:700;font-size:1rem}#overlays-page .custom-widgets-section{padding:40px 20px;margin:20px 0}#overlays-page .custom-widgets-section .custom-widgets-inner{background:#1e1e2299;border:1px solid #2a2a2e;border-radius:12px;padding:40px 36px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}#overlays-page .custom-widgets-section .custom-text h2{font-size:1.8rem;font-weight:700;margin-bottom:.75rem;line-height:1.2}#overlays-page .custom-widgets-section .custom-text h2 span{color:#a78bfa}#overlays-page .custom-widgets-section .custom-text p{font-size:.92rem;color:#888;line-height:1.65;margin-bottom:1.25rem}#overlays-page .custom-widgets-section .custom-text ul{list-style:none;padding:0}#overlays-page .custom-widgets-section .custom-text ul li{margin-bottom:8px;padding-left:22px;position:relative;font-size:.88rem;color:#bbb}#overlays-page .custom-widgets-section .custom-text ul li:before{content:"·";position:absolute;left:0;color:#a78bfa;font-weight:700;font-size:1.2rem}#overlays-page .custom-widgets-section .custom-text ul li b{color:#ddd}#overlays-page .custom-widgets-section .custom-visual .code-preview{background:#0d0d0f;border:1px solid #2a2a2e;border-radius:10px;overflow:hidden}#overlays-page .custom-widgets-section .custom-visual .code-preview .code-header{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#161618;border-bottom:1px solid #2a2a2e}#overlays-page .custom-widgets-section .custom-visual .code-preview .code-header .dot{width:8px;height:8px;border-radius:50%}#overlays-page .custom-widgets-section .custom-visual .code-preview .code-header .dot.red{background:#ff5f57}#overlays-page .custom-widgets-section .custom-visual .code-preview .code-header .dot.yellow{background:#febc2e}#overlays-page .custom-widgets-section .custom-visual .code-preview .code-header .dot.green{background:#28c840}#overlays-page .custom-widgets-section .custom-visual .code-preview .code-header span{margin-left:8px;color:#555;font-size:.75rem;font-family:monospace}#overlays-page .custom-widgets-section .custom-visual .code-preview .code-body{padding:16px;font-family:Fira Code,Cascadia Code,monospace;font-size:.75rem;line-height:1.65;color:#888;overflow-x:auto}#overlays-page .custom-widgets-section .custom-visual .code-preview .code-body .tag{color:#f472b6}#overlays-page .custom-widgets-section .custom-visual .code-preview .code-body .attr{color:#a78bfa}#overlays-page .custom-widgets-section .custom-visual .code-preview .code-body .str{color:#4ade80}#overlays-page .custom-widgets-section .custom-visual .code-preview .code-body .comment{color:#444}#overlays-page .custom-widgets-section .custom-visual .code-preview .code-body .prop{color:#22d3ee}#overlays-page .custom-widgets-section .custom-visual .code-preview .code-body .val{color:#facc15}#overlays-page .editor-section{padding:24px 20px;text-align:center}#overlays-page .editor-section h2{font-size:1.8rem;font-weight:700;margin-bottom:.75rem}#overlays-page .editor-section p{font-size:.95rem;color:#888;max-width:550px;margin:0 auto 2rem;line-height:1.6}#overlays-page .editor-section .editor-features-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}#overlays-page .editor-section .editor-features-row .editor-feature{background:#1e1e2299;border:1px solid #2a2a2e;border-radius:12px;padding:20px}#overlays-page .editor-section .editor-features-row .editor-feature .ef-icon{color:#777;margin-bottom:.6rem;font-size:1.25rem}#overlays-page .editor-section .editor-features-row .editor-feature h4{font-size:.92rem;font-weight:600;color:#eee;margin-bottom:.35rem}#overlays-page .editor-section .editor-features-row .editor-feature p{font-size:.82rem;color:#888;line-height:1.5;margin:0;text-align:left}#overlays-page .overlay-bottom-cta{margin:40px 20px;padding:36px;background:#1e1e2299;border:1px solid #2a2a2e;border-radius:12px;text-align:center}#overlays-page .overlay-bottom-cta h2{font-size:1.6rem;font-weight:700;margin-bottom:.5rem}#overlays-page .overlay-bottom-cta p{color:#888;font-size:.95rem;margin-bottom:1.5rem}#overlays-page .overlay-bottom-cta .cta-button{display:inline-block;background-color:green;color:#fff;font-size:.95rem;font-weight:700;padding:12px 32px;border-radius:8px;text-decoration:none;transition:all .2s ease;border:1px solid #006000}#overlays-page .overlay-bottom-cta .cta-button:hover{background-color:#06b006;transform:translateY(-2px);box-shadow:0 4px 10px #059b054d}@media (max-width: 900px){#overlays-page{padding-top:80px}#overlays-page .overlay-hero{padding:24px 16px 32px}#overlays-page .overlay-hero h1{font-size:2rem}#overlays-page .overlay-hero .subtitle{font-size:.95rem}#overlays-page .widget-grid{grid-template-columns:1fr}#overlays-page .custom-widgets-section .custom-widgets-inner{grid-template-columns:1fr;padding:24px 20px;gap:32px}#overlays-page .editor-section .editor-features-row{grid-template-columns:1fr}}