.pg-page-wrapper{max-width:1200px;margin:0 auto;padding:8px 24px 40px;background:#faf8f5;min-height:100vh}.pg-tool{max-width:1200px;width:100%;padding:0;background:#faf8f5}body:has(.pg-tool){background:#faf8f5!important}body:has(.pg-tool) .intro-header{margin-top:4rem;margin-bottom:.5rem}@media (min-width: 1200px){body:has(.pg-tool) .intro-header{margin-top:5rem}body:has(.pg-tool) .tools-sidebar{top:112px;max-height:calc(100vh - 132px)}}.pg-tool .tool-header{text-align:center;margin-top:0;margin-bottom:20px;padding:24px;background:linear-gradient(135deg,#292524,#44403c);border-radius:16px;color:#faf8f5;box-shadow:0 4px 20px #29252433}@media (min-width: 1024px){.pg-tool .tool-header{padding:28px 32px;margin-bottom:24px}}.pg-tool .tool-title{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:2rem;font-weight:800;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:12px}.pg-tool .tool-title i{font-size:1.6rem;color:#fef3c7}.pg-tool .tool-subtitle{font-size:1rem;margin:0;opacity:.75;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#d6d3d1}.pg-tool .tool-intro{text-align:center;color:#57534e;font-size:.95rem;line-height:1.7;margin:0 auto 24px;padding:0 16px;max-width:820px}.pg-tool .tool-intro strong{color:#44403c}.pg-tool .tool-intro a.learn-link{color:#78716c;text-decoration:underline}.pg-generator-main{display:grid;grid-template-columns:1fr 340px;gap:24px;margin-bottom:32px;align-items:start}.pg-generator-main:has(.pg-output-ad){align-items:stretch}@media (max-width: 900px){.pg-generator-main{grid-template-columns:1fr;align-items:start}.pg-generator-main:has(.pg-output-ad){align-items:start}}.pg-output-section,.pg-controls-section{background:#fffdf9;border:2px solid #e7e0d5;border-radius:12px;padding:24px}.pg-generator-main:has(.pg-output-ad) .pg-output-section{display:flex;flex-direction:column}.pg-output-section .section-header,.pg-controls-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.pg-output-section .section-header label,.pg-controls-section .section-header label{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:#374151;font-size:.95rem;display:flex;align-items:center;gap:8px}.pg-output-section .section-header label i,.pg-controls-section .section-header label i{color:#78716c}.pg-output-actions{display:flex;gap:8px;flex-wrap:wrap}.pg-tool .btn-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#f5f0e8;border:1px solid #e7e0d5;border-radius:8px;color:#44403c;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.pg-tool .btn-action:hover{background:#e7e0d5}.pg-tool .btn-action.copied{background:#292524;color:#fef3c7;border-color:#292524}.pg-output-wrapper{background:#faf8f5;border:2px solid #e7e0d5;border-radius:10px;padding:20px 18px;min-height:88px;display:flex;align-items:center}.pg-output-text{font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:1.25rem;line-height:1.5;word-break:break-all;color:#1c1917;width:100%;user-select:all}.pg-output-text.pg-error{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.95rem;color:#b91c1c}.pg-strength{display:flex;align-items:center;gap:12px;margin-top:14px}.pg-strength-bar{flex:1;height:8px;background:#e7e0d5;border-radius:999px;overflow:hidden}.pg-strength-fill{height:100%;width:0;border-radius:999px;background:#a8a29e;transition:width .2s ease,background .2s ease}.pg-strength-fill.weak{background:#dc2626}.pg-strength-fill.fair{background:#ea580c}.pg-strength-fill.good{background:#ca8a04}.pg-strength-fill.strong{background:#16a34a}.pg-strength-fill.very-strong{background:#15803d}.pg-strength-label{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:700;color:#78716c;min-width:88px;text-align:right}.pg-strength-label.weak{color:#dc2626}.pg-strength-label.fair{color:#ea580c}.pg-strength-label.good{color:#ca8a04}.pg-strength-label.strong{color:#16a34a}.pg-strength-label.very-strong{color:#15803d}.pg-output-ad{margin-top:auto;padding-top:18px;border-top:1px solid #e7e0d5;display:flex;justify-content:center;align-items:flex-end}.pg-output-ad__unit{display:block;width:300px;height:250px}@media (max-width: 900px){.pg-output-ad{margin-top:20px}}.pg-mode-tabs{display:flex;gap:0;border:2px solid #e7e0d5;border-radius:8px;overflow:hidden;margin-bottom:20px}.pg-mode-btn{flex:1;padding:12px 14px;background:#fffdf9;border:none;border-right:1px solid #e7e0d5;cursor:pointer;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.85rem;font-weight:600;color:#78716c;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease,color .15s ease}.pg-mode-btn:last-child{border-right:none}.pg-mode-btn.active{background:#292524;color:#fef3c7}.pg-mode-btn:hover:not(.active){background:#f5f0e8}.pg-panel.hidden{display:none}.pg-length-row{margin-bottom:20px}.pg-length-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pg-length-header label,.pg-sep-label{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;font-weight:700;color:#57534e;text-transform:uppercase;letter-spacing:.3px}.pg-length-value{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:800;color:#292524}.pg-length-row input[type=range]{width:100%;accent-color:#292524;margin-bottom:12px}.pg-presets,.pg-sep-group{display:flex;flex-wrap:wrap;gap:8px}.pg-preset-btn,.pg-word-preset-btn,.pg-sep-btn{min-width:44px;padding:8px 12px;background:#f5f0e8;border:1px solid #e7e0d5;border-radius:8px;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.85rem;font-weight:700;color:#44403c;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.pg-preset-btn:hover,.pg-word-preset-btn:hover,.pg-sep-btn:hover{background:#e7e0d5}.pg-preset-btn.active,.pg-word-preset-btn.active,.pg-sep-btn.active{background:#292524;border-color:#292524;color:#fef3c7}.pg-sep-row{margin-bottom:16px}.pg-sep-label{display:block;margin-bottom:8px}.pg-charset-group{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid #e7e0d5}.pg-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.9rem;color:#44403c;user-select:none}.pg-check input{margin-top:3px;accent-color:#292524;width:16px;height:16px;flex-shrink:0}.pg-check code{font-size:.8rem;background:#f5f0e8;padding:1px 5px;border-radius:4px;color:#57534e}.pg-tool .cross-links-section{margin:28px 0;padding:20px 24px;background:#fffdf9;border:2px solid #e7e0d5;border-radius:12px}.pg-tool .cross-links-section h3{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.05rem;font-weight:700;color:#292524;margin:0 0 12px;display:flex;align-items:center;gap:8px}.pg-tool .cross-links-section h3 i{color:#78716c}.pg-tool .cross-links-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 16px}.pg-tool .cross-links-list a{color:#44403c;font-weight:600;text-decoration:underline;text-underline-offset:2px}.pg-tool .cross-links-list a:hover{color:#1c1917}.pg-tool .syntax-guide-section,.pg-tool .faq-section,.pg-tool .reference-section{margin-top:28px;padding:24px;background:#fffdf9;border:2px solid #e7e0d5;border-radius:12px}.pg-tool .syntax-guide-section h2,.pg-tool .syntax-guide-section>h3,.pg-tool .faq-section h2,.pg-tool .reference-section h3,.pg-tool .cross-links-section h2,.pg-tool .cross-links-section h3{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:800;color:#292524;margin:0 0 16px;display:flex;align-items:center;gap:8px}.pg-tool .guide-article{margin-bottom:20px}.pg-tool .guide-article:last-child{margin-bottom:0}.pg-tool .guide-article h2,.pg-tool .guide-article h3{font-size:1.05rem;font-weight:700;color:#44403c;margin:0 0 8px;display:block}.pg-tool .guide-article p,.pg-tool .faq-item p{color:#57534e;line-height:1.7;margin:0;font-size:.95rem}.pg-tool .faq-item{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #e7e0d5}.pg-tool .faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.pg-tool .faq-item h3{font-size:1rem;font-weight:700;color:#292524;margin:0 0 8px}.pg-tool .guide-article a,.pg-tool .faq-item a{color:#44403c;font-weight:600}