.widgets-hero{background:linear-gradient(135deg,#0f2347 0,#1b3b6f 100%);padding:4rem 0 3rem;text-align:center}.widgets-hero h1{color:#fff;font-size:2.25rem;margin-bottom:.75rem}.widgets-hero p{color:rgba(255,255,255,.8);font-size:1.1rem;max-width:600px;margin:0 auto}.widget-section{margin-bottom:3rem}.widget-section h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text-primary,#1a1a2e)}.widget-preview{padding:2rem;background:var(--bg-secondary,#f8f9fa);border-radius:.75rem;display:flex;justify-content:center;margin-bottom:1rem}.widget-code{position:relative}.widget-code textarea{width:100%;min-height:100px;padding:1rem;font-family:monospace;font-size:.8rem;border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;background:var(--code-bg,#f3f4f6);color:var(--code-text,#1f2937);resize:vertical}.widget-copy-btn{position:absolute;top:.5rem;right:.5rem;padding:.4rem .75rem;background:#75c32c;color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:.2s}.widget-copy-btn:hover{background:#5ba02b}.widget-copy-btn.copied{background:#16a34a}.widget-customize{margin-top:1rem;padding:1rem;background:var(--bg-secondary,#f8f9fa);border-radius:.5rem}.widget-customize label{font-weight:600;font-size:.85rem;margin-right:.5rem}.widget-customize select{padding:.4rem .75rem;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;font-size:.85rem;background:var(--input-bg,#f9fafb);color:var(--input-text,#1f2937)}[data-theme=dark] .widget-preview{background:var(--bg-tertiary)}[data-theme=dark] .widget-code textarea{background:var(--bg-secondary);border-color:var(--border-dark);color:var(--text-primary)}[data-theme=dark] .widget-customize{background:var(--bg-tertiary)}