.pl-wrapper{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;padding-bottom:4rem}.pl-topbar{display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;align-items:center;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:1rem 1.5rem;box-shadow:0 4px 20px -5px #0000000d}@media(min-width:768px){.pl-topbar{flex-direction:row;padding:1.25rem 2rem}}:global(.dark) .pl-topbar{background:#0f172a66;border-color:#ffffff14}.pl-search-container{position:relative;width:100%;max-width:480px}.pl-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;transition:color .3s}.pl-search-input{width:100%;padding:1rem 1rem 1rem 3.5rem;border-radius:1rem;border:1px solid rgba(0,0,0,.1);background:#fffc;font-size:1rem;color:#1e293b;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000005}:global(.dark) .pl-search-input{background:#0f172a99;border-color:#ffffff1a;color:#f8fafc}.pl-search-input:focus{outline:none;border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 4px #8b5cf626}:global(.dark) .pl-search-input:focus{background:#1e293bcc}.pl-search-input:focus+.pl-search-icon{color:#8b5cf6}.pl-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:1rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);border:none;white-space:nowrap}.pl-btn-primary{background:linear-gradient(135deg,#8b5cf6,#c026d3);color:#fff;box-shadow:0 4px 15px -3px #c026d366}.pl-btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px -5px #c026d380;background:linear-gradient(135deg,#7c3aed,#a21caf)}.pl-btn-primary:active{transform:translateY(0) scale(.98)}.pl-btn-secondary{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.pl-btn-secondary:hover{background:#8b5cf633}.pl-btn-ghost{background:transparent;color:#64748b}.pl-btn-ghost:hover{background:#0000000d;color:#1e293b}:global(.dark) .pl-btn-ghost{color:#94a3b8}:global(.dark) .pl-btn-ghost:hover{background:#ffffff0d;color:#f8fafc}.pl-btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.5rem;background:transparent;border:none;color:#64748b;cursor:pointer;transition:all .2s ease}.pl-btn-icon:hover{background:#0000000d;color:#1e293b}.pl-btn-icon.pl-danger:hover{color:#ef4444;background:#ef44441a}:global(.dark) .pl-btn-icon{color:#94a3b8}:global(.dark) .pl-btn-icon:hover{background:#ffffff1a;color:#f8fafc}.pl-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5rem 2rem;background:#ffffff05;border:2px dashed rgba(0,0,0,.1);border-radius:1.5rem;margin-top:2rem}:global(.dark) .pl-empty-state{border-color:#ffffff1a}.pl-hidden{display:none!important}.pl-empty-icon{margin-bottom:1.5rem;color:#8b5cf6;filter:drop-shadow(0 0 20px rgba(139,92,246,.4))}:global(.dark) .pl-empty-icon{color:#a78bfa}.pl-empty-title{font-size:1.5rem;font-weight:700;color:var(--color-900, #1e293b);margin-bottom:.5rem}.pl-empty-desc{font-size:1.125rem;color:#64748b;max-width:400px;margin-bottom:2rem;line-height:1.6}:global(.dark) .pl-empty-title{color:#f8fafc}:global(.dark) .pl-empty-desc{color:#94a3b8}.pl-no-results{text-align:center;padding:3rem;color:#64748b;font-size:1.125rem;background:#ffffff05;border-radius:1rem;grid-column:1 / -1}.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.pl-card{background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:1.25rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;transition:all .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 4px 10px -2px #00000008;position:relative;overflow:hidden}.pl-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8b5cf6,#c026d3);opacity:0;transition:opacity .3s ease}:global(.dark) .pl-card{background:#1e293b80;border-color:#ffffff14}.pl-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px -5px #8b5cf626;border-color:#8b5cf64d}.pl-card:hover:before{opacity:1}.pl-card-top{display:flex;flex-direction:column;gap:.75rem}.pl-card-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-900, #0f172a);line-height:1.3;width:100%}:global(.dark) .pl-card-title{color:#f8fafc}.pl-card-actions{display:flex;gap:.25rem;width:100%;justify-content:flex-end}.pl-card-body{flex-grow:1;background:#00000005;border-radius:.75rem;padding:1rem;border:1px solid rgba(0,0,0,.03)}:global(.dark) .pl-card-body{background:#0f172a66;border-color:#ffffff0d}.pl-card-text{margin:0;font-size:.95rem;line-height:1.6;color:#475569;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical}:global(.dark) .pl-card-text{color:#cbd5e1}.pl-tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.pl-card-tag{background:#8b5cf61a;color:#7c3aed;padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}:global(.dark) .pl-card-tag{background:#8b5cf626;color:#a78bfa}.pl-star-btn{color:#cbd5e1}.pl-star-btn:hover{color:#f59e0b;background:#f59e0b1a}.pl-star-icon.pl-starred{color:#f59e0b;fill:#f59e0b}.pl-var-highlight{background:#8b5cf633;color:#7c3aed;padding:0 .25rem;border-radius:.25rem;font-weight:600}:global(.dark) .pl-var-highlight{background:#8b5cf64d;color:#a78bfa}.pl-var-highlight.filled{background:#10b98133;color:#059669}:global(.dark) .pl-var-highlight.filled{background:#10b9814d;color:#34d399}.pl-modal{padding:0;border:none;background:transparent;max-width:600px;width:90%;border-radius:1.5rem;margin:auto;overflow:visible}.pl-modal::backdrop{background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease}.pl-modal[open]::backdrop{opacity:1}.pl-modal-container{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px #00000040;transform:scale(.95) translateY(20px);opacity:0;transition:all .3s cubic-bezier(.2,.8,.2,1);border:1px solid rgba(0,0,0,.1)}:global(.dark) .pl-modal-container{background:#1e293b;border-color:#ffffff1a}.pl-modal.pl-modal-open .pl-modal-container{transform:scale(1) translateY(0);opacity:1}.pl-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.pl-modal-title{margin:0;font-size:1.5rem;font-weight:800;color:var(--color-900, #0f172a);background:linear-gradient(135deg,#8b5cf6,#c026d3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:global(.dark) .pl-modal-title{color:#f8fafc}.pl-tags-input-wrapper{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem;border-radius:1rem;border:1px solid rgba(0,0,0,.15);background:#f8fafc;min-height:3.5rem;transition:all .2s ease;align-items:center}:global(.dark) .pl-tags-input-wrapper{background:#0f172a99;border-color:#ffffff1a}.pl-tags-input-wrapper:focus-within{border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 4px #8b5cf626}:global(.dark) .pl-tags-input-wrapper:focus-within{background:#0f172ae6}.pl-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.pl-tags-input-field{flex-grow:1;min-width:150px;border:none;background:transparent;font-size:1rem;color:#1e293b;padding:.25rem 0;outline:none}:global(.dark) .pl-tags-input-field{color:#f8fafc}.pl-card-vars{margin-top:1.5rem;display:flex;flex-direction:column;gap:.5rem;background:#8b5cf60d;padding:1rem;border-radius:.75rem;border:1px dashed rgba(139,92,246,.3)}.pl-card-vars-title{font-size:.85rem;font-weight:600;color:#8b5cf6;text-transform:uppercase;letter-spacing:.05em;margin:0}.pl-var-input{width:100%;padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.1);background:#fffc;font-size:.9rem}:global(.dark) .pl-var-input{background:#0f172a80;border-color:#ffffff1a;color:#f8fafc}.pl-form{display:flex;flex-direction:column;gap:1.5rem}.pl-form-group{display:flex;flex-direction:column;gap:.5rem}.pl-label{font-weight:600;font-size:.95rem;color:#334155}:global(.dark) .pl-label{color:#e2e8f0}.pl-input,.pl-textarea{width:100%;padding:1rem;border-radius:1rem;border:1px solid rgba(0,0,0,.15);background:#f8fafc;font-size:1rem;color:#1e293b;transition:all .2s ease}:global(.dark) .pl-input,:global(.dark) .pl-textarea{background:#0f172a99;border-color:#ffffff1a;color:#f8fafc}.pl-input:focus,.pl-textarea:focus{outline:none;border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 4px #8b5cf626}:global(.dark) .pl-input:focus,:global(.dark) .pl-textarea:focus{background:#0f172ae6}.pl-textarea{min-height:150px;resize:vertical;line-height:1.6}.pl-hint{font-size:.85rem;color:#64748b;margin-top:.25rem}:global(.dark) .pl-hint{color:#94a3b8}.pl-modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.05)}:global(.dark) .pl-modal-footer{border-top-color:#ffffff0d}.pl-seo{margin-top:4rem;padding:3rem 1.5rem;background:linear-gradient(to bottom,transparent,rgba(99,102,241,.02));border-top:1px solid rgba(0,0,0,.05)}:global(.dark) .pl-seo{background:linear-gradient(to bottom,transparent,rgba(99,102,241,.05));border-top:1px solid rgba(255,255,255,.05)}.pl-seo-container{max-width:800px;margin:0 auto}.pl-seo h2{font-size:2rem;font-weight:800;color:var(--color-900, #0f172a);margin-bottom:1.5rem;margin-top:3rem;line-height:1.2;letter-spacing:-.02em}.pl-seo h3{font-size:1.5rem;font-weight:700;color:var(--color-800, #1e293b);margin-bottom:1rem;margin-top:2.5rem}:global(.dark) .pl-seo h2,:global(.dark) .pl-seo h3{color:#f8fafc}.pl-seo p{font-size:1.125rem;line-height:1.8;color:#475569;margin-bottom:1.5rem}:global(.dark) .pl-seo p{color:#cbd5e1}.pl-seo strong{color:var(--color-900, #0f172a);font-weight:600}:global(.dark) .pl-seo strong{color:#f1f5f9}.pl-seo em{font-style:italic;color:#6366f1}.pl-seo-list{list-style:none;padding:0;margin:2rem 0}.pl-seo-list li{position:relative;padding-left:2rem;margin-bottom:1rem;font-size:1.125rem;line-height:1.6;color:#475569;transition:transform .2s ease}.pl-seo-list li:hover{transform:translate(5px)}:global(.dark) .pl-seo-list li{color:#cbd5e1}.pl-seo-list li:before{content:"→";position:absolute;left:0;color:#6366f1;font-weight:700}.pl-seo-code-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;margin:2rem 0;position:relative;box-shadow:inset 0 2px 4px #00000005}:global(.dark) .pl-seo-code-box{background:#0f172a;border-color:#1e293b}.pl-seo-code-label{position:absolute;top:-.75rem;left:1.5rem;background:#6366f1;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pl-seo-code-box code{font-size:.95rem;line-height:1.7;color:#334155;display:block}:global(.dark) .pl-seo-code-box code{color:#94a3b8}