.pg-hero{padding-bottom:3rem}.pg-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.25rem}.pg-badge{display:inline-flex;align-items:center;gap:.4rem;background:#94a3b80f;border:1px solid rgba(148,163,184,.1);border-radius:6px;padding:.3rem .75rem;font-size:.78rem;color:var(--text2)}.pg-dot{width:7px;height:7px;border-radius:50%;background:#555;flex-shrink:0;transition:background .3s}.pg{--pg-surface: #16161b;--pg-surface2: #1e1e25;--pg-border: #2a2a34;--pg-text: #e2e2e8;--pg-muted: #777;--pg-gold: #c9a84c;--pg-blue: #5a8fdf;--pg-green: #4caf50;--pg-red: #f44336;--pg-pill: #22222c;--pg-code: #13131a;max-width:1200px;margin:0 auto;padding:0 2rem 5rem}.pg-section{margin-bottom:3.5rem}.pg-stitle{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--pg-muted);margin-bottom:.7rem;padding-bottom:.5rem;border-bottom:1px solid var(--pg-border)}.pg-intro{font-size:.85rem;color:var(--pg-muted);margin-bottom:1.25rem;line-height:1.7}.pg-tabs{display:flex;gap:0;border-bottom:1px solid var(--pg-border)}.pg-tab{padding:.45rem 1rem;font-size:.78rem;cursor:pointer;color:var(--pg-muted);border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;background:transparent;transition:color .15s}.pg-tab:hover{color:var(--pg-text)}.pg-tab.active{color:var(--pg-text);background:var(--pg-code);border-color:var(--pg-border);border-bottom-color:var(--pg-code);margin-bottom:-1px}.pg-code-wrap{position:relative;background:var(--pg-code);border:1px solid var(--pg-border);border-radius:0 6px 6px}.pg-code-wrap pre{padding:1rem 1.25rem;font-family:Cascadia Code,Fira Code,JetBrains Mono,monospace;font-size:.78rem;line-height:1.7;color:#c9d1d9;overflow-x:auto;white-space:pre}.pg-copy-btn{position:absolute;top:.5rem;right:.5rem;background:var(--pg-pill);border:1px solid var(--pg-border);color:var(--pg-muted);border-radius:5px;padding:.25rem .6rem;font-size:.72rem;cursor:pointer;transition:color .15s,border-color .15s;font-family:inherit}.pg-copy-btn:hover{color:var(--pg-text);border-color:var(--pg-gold)}.pg-copy-btn.copied{color:var(--pg-green);border-color:var(--pg-green)}.pg-changelog-section{padding-bottom:.5rem}.pg-cl-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.pg-cl-entry{padding:1.1rem 1.25rem;background:var(--pg-surface2);border-radius:8px;border:1px solid #2a3545}.pg-cl-ver{font-size:.95rem;font-weight:700;color:var(--pg-gold);margin-bottom:.6rem;letter-spacing:.02em}.pg-cl-badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#1a3a1a;color:#4caf50;border:1px solid #2d5a2d;padding:1px 7px;border-radius:20px;vertical-align:middle;margin-left:.4rem}.pg-cl-entry ul{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.35rem}.pg-cl-entry li{font-size:.82rem;color:var(--pg-muted);line-height:1.6}.pg-cl-entry li strong{color:var(--pg-text)}.pg-cl-entry li code{background:#1e2838;padding:1px 5px;border-radius:3px;color:#7ecfff;font-size:.75rem}.pg-callout{margin-top:.85rem;padding:.75rem 1rem;background:#111820;border:1px solid #2a3545;border-left:3px solid var(--pg-gold);border-radius:0 6px 6px 0;font-size:.82rem;color:#9ab;line-height:1.7}.pg-callout strong{color:var(--pg-text)}.pg-callout code{background:#1e2838;padding:1px 5px;border-radius:3px;color:#7ecfff;font-size:.75rem}.pg-step-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c9a84c,#a88530);color:#111;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .6rem;border-radius:4px;flex-shrink:0;white-space:nowrap}.pg-step-title,.pg-step-title-inline{font-size:.88rem;font-weight:600;color:var(--pg-text)}.pg-step-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.7rem;padding-bottom:.5rem;border-bottom:1px solid var(--pg-border)}.pg-step-details{border:1px solid var(--pg-border);border-radius:10px;overflow:hidden}.pg-step-summary{display:flex;align-items:center;gap:.65rem;cursor:pointer;list-style:none;padding:.65rem 1rem;background:var(--pg-surface2);transition:background .15s}.pg-step-summary::-webkit-details-marker{display:none}.pg-step-summary::marker{display:none;font-size:0}.pg-step-summary:hover{background:#252530}.pg-step-arrow{color:var(--pg-muted);margin-left:auto;flex-shrink:0;transition:transform .25s ease,color .15s}.pg-step-details[open] .pg-step-arrow{transform:rotate(180deg);color:var(--pg-gold)}.pg-step-body{padding:1rem 1.25rem 1.25rem}.pg-card{background:var(--pg-surface);border:1px solid var(--pg-border);border-radius:10px;overflow:hidden;margin-bottom:1rem}.pg-toolbar{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.5rem .75rem;background:var(--pg-surface2);border-bottom:1px solid var(--pg-border)}.pg-tb-group{display:flex;align-items:center;gap:.3rem}.pg-tb-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--pg-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pg-tb-select{background:transparent;color:var(--pg-text);border:1px solid transparent;border-radius:5px;padding:.22rem .4rem;font-size:.78rem;cursor:pointer;transition:background .1s,border-color .1s}.pg-tb-select:hover{background:var(--pg-pill);border-color:var(--pg-border)}.pg-tb-select:focus{outline:none;background:var(--pg-pill);border-color:var(--pg-gold)}#fontSelect{max-width:160px}.pg-tb-sep{width:1px;height:16px;background:var(--pg-border);flex-shrink:0;margin:0 .1rem}.pg-tb-toggle{font-size:.7rem;padding:.18rem .65rem;border-radius:20px;border:1px solid var(--pg-border);background:transparent;color:var(--pg-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.pg-tb-toggle:hover{border-color:#555;color:var(--pg-text)}.pg-tb-toggle.active{border-color:var(--pg-gold);color:var(--pg-gold);background:#261e0a}.pg-tb-right{display:flex;align-items:center;gap:.3rem;margin-left:auto}.pg-tb-scope{font-size:.68rem;padding:.15rem .6rem;border-radius:20px;border:1px solid transparent;background:transparent;color:var(--pg-muted);white-space:nowrap;transition:all .15s}.pg-tb-scope.active{border-color:#3a5fa055;background:#1a2540;color:var(--pg-blue)}.pg-tb-clear{font-size:.68rem;padding:.18rem .55rem;border-radius:5px;border:1px solid transparent;background:transparent;color:var(--pg-muted);cursor:pointer;transition:all .12s}.pg-tb-clear:hover{color:#e06060;border-color:#f4433640}.pg-editor-body{padding:1.25rem 1.5rem}#editor{min-height:110px;outline:none;word-break:keep-all;overflow-wrap:anywhere;color:#fff;font-size:1.75rem;line-height:2.5}#editor:empty:before{content:"Press ⌨ phonetic to type Tibetan.\aSelect — system — font for English.\aWriting both? Press mixed.\a\aOr just paste Tibetan text here.";white-space:pre-wrap;color:var(--pg-muted);pointer-events:none;font-size:.85rem;font-family:Inter,-apple-system,sans-serif;line-height:1.8}#editor[data-ime-hint=on]{caret-color:var(--pg-blue)}#editor[data-ime-hint=on]:empty:before{content:"⌨ phonetic on — k=ཀ  g=ག  space=་  /=།  Shift+R=ྲ"}#editor span{vertical-align:baseline}#editor span[class*=tr-text-]{vertical-align:text-top;line-height:1}#editor .tr-cluster{display:inline;padding-block:0}#editor .tr-yig-chung{vertical-align:top}.pg-effects-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.55rem .75rem;border-top:1px solid var(--pg-border)}.pg-effects-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--pg-muted);white-space:nowrap;margin-right:.15rem}.pg-effect-chip{font-size:.7rem;padding:.18rem .65rem;border-radius:20px;border:1px solid var(--pg-border);background:transparent;cursor:pointer;color:var(--pg-muted);transition:all .12s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pg-effect-chip:hover{color:var(--pg-text);border-color:#555}.pg-effect-chip.active{border-color:var(--pg-gold);color:var(--pg-gold);background:#261e0a}.pg-action-bar{display:flex;gap:.5rem;flex-wrap:wrap;padding:.55rem .75rem;border-top:1px solid var(--pg-border);background:var(--pg-surface2)}.pg-btn{background:transparent;color:var(--pg-muted);border:1px solid var(--pg-border);border-radius:5px;padding:.28rem .7rem;font-size:.78rem;cursor:pointer;transition:all .1s;font-family:inherit}.pg-btn:hover{border-color:#555;color:var(--pg-text)}.pg-btn.pg-btn-primary{border-color:var(--pg-gold);color:var(--pg-gold);background:#261e0a}.pg-btn.pg-btn-primary:hover{background:#302510}.pg-code-output{margin-top:1rem}.pg-code-output .pg-code-wrap{border-radius:0 0 8px 8px}.pg-run-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.pg-run-bar p{font-size:.82rem;color:var(--pg-muted)}.pg-test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--pg-border);border:1px solid var(--pg-border);border-radius:8px;overflow:hidden}.pg-test-card{background:var(--pg-surface);padding:.85rem 1rem}.pg-test-card h3{font-size:.72rem;color:var(--pg-muted);margin-bottom:.25rem}.pg-test-note{font-size:.65rem;color:#555;margin-bottom:.3rem;font-style:italic}.pg-test-sample{font-size:1rem;line-height:1.9;color:#fff;margin-bottom:.3rem;min-height:2rem;overflow-wrap:anywhere;word-break:keep-all}.pg-test-result{font-size:.72rem;font-family:monospace;color:var(--pg-muted)}.pg-test-result.pass{color:var(--pg-green)}.pg-test-result.fail{color:var(--pg-red)}.fsc-summary{font-size:.82rem;font-family:monospace;padding:.6rem 1rem;border-radius:6px;margin-bottom:.75rem}.fsc-all-pass{background:#0d2b1a;color:var(--pg-green);border:1px solid #1a4a2a}.fsc-has-fail{background:#2b0d0d;color:var(--pg-red);border:1px solid #4a1a1a}.fsc-table{width:100%;border-collapse:collapse;font-size:.72rem;font-family:monospace;border:1px solid var(--pg-border);border-radius:6px;overflow:hidden}.fsc-table thead th{background:#12121a;color:var(--pg-muted);text-align:left;padding:.4rem .75rem;font-weight:600;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em}.fsc-table tbody tr{border-top:1px solid var(--pg-border)}.fsc-table tbody td{padding:.3rem .75rem}.fsc-ref td:first-child{color:var(--pg-gold)}.fsc-ref td:last-child{color:var(--pg-muted);font-style:italic}.fsc-pass td:first-child{color:var(--pg-green)}.fsc-pass td:last-child{color:var(--pg-green)}.fsc-fail td:first-child{color:var(--pg-red)}.fsc-fail td:last-child{color:var(--pg-red);font-weight:600}.fsc-table tbody tr:nth-child(2n){background:#0d0d14}.pg-gallery-summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--pg-muted);padding-bottom:.5rem;border-bottom:1px solid var(--pg-border);margin-bottom:1.25rem}.pg-gallery-summary::-webkit-details-marker{display:none}.pg-gallery-summary:before{content:"▶  ";font-size:.6rem}details[open] .pg-gallery-summary:before{content:"▼  "}.pg-font-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1px;background:var(--pg-border);border:1px solid var(--pg-border);border-radius:8px;overflow:hidden}.pg-font-card{background:var(--pg-surface);padding:.8rem 1rem}.pg-font-card h4{font-family:monospace;font-size:.68rem;color:var(--pg-gold);opacity:.8;margin-bottom:.4rem}.pg-sample{font-size:1.2rem;line-height:2;color:#fff}.pg-sample.tr-monlam-paytsik,.pg-sample.tr-monlam-tiktong,.pg-sample.tr-monlam-dutsa2{font-size:.94rem;min-height:3rem}.pg-flabel{font-size:.65rem;color:var(--pg-muted);margin-top:.2rem}.pg-font-section-label{grid-column:1 / -1;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--pg-muted);padding:.4rem 1rem;background:#12121a;border-bottom:1px solid var(--pg-border)}.pg-effects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.pg-effect-card{background:var(--pg-surface);border:1px solid var(--pg-border);border-radius:8px;padding:1rem 1.2rem}.pg-effect-card h4{font-family:monospace;font-size:.68rem;color:var(--pg-muted);margin-bottom:.6rem}.pg-esample{font-size:1.8rem;line-height:2}@media (max-width: 768px){.pg{padding:0 1.25rem 3rem}.pg-toolbar{gap:.3rem}#fontSelect{max-width:120px}}.pg-util-block{padding:.5rem 0 0}.pg-util-title{font-size:.95rem;font-weight:600;color:var(--pg-text);margin-bottom:.75rem}.pg-util-title code{font-size:.85rem;color:var(--pg-accent);background:var(--pg-surface2);padding:.1em .35em;border-radius:3px}.pg-cluster-demo{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0 1rem}.pg-cluster-col{display:flex;flex-direction:column;gap:.3rem}.pg-cluster-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:.2em .6em;border-radius:3px;border:1px solid;width:-moz-fit-content;width:fit-content;letter-spacing:.02em}.pg-cluster-bad{color:#f87171;background:#f871711a;border-color:#f871714d}.pg-cluster-good{color:#4ade80;background:#4ade801a;border-color:#4ade804d}.pg-cluster-sub{font-size:.72rem;color:var(--pg-muted);font-family:monospace}.pg-cluster-output{min-height:3rem;padding:.5rem .75rem;background:var(--pg-surface2);border-radius:6px;margin-top:.25rem}.pg-cluster-input-row{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.pg-cluster-input-label{font-size:.8rem;color:var(--pg-muted);white-space:nowrap}.pg-cluster-input{flex:1;background:var(--pg-surface2);border:1px solid var(--pg-border);border-radius:6px;padding:.4rem .7rem;color:var(--pg-text);font-family:Jomolhari,serif;font-size:1.1rem;outline:none}.pg-cluster-input:focus{border-color:var(--pg-accent)}.pg-rs-demo{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0 1rem}.pg-rs-col{display:flex;flex-direction:column}.pg-editable-demo{margin:1.25rem 0 1rem}.pg-editable-el{cursor:text;border:1px solid var(--pg-border);transition:border-color .15s}.pg-editable-el:focus{border-color:var(--pg-accent)}.pg-mixed-demo{margin:1.25rem 0 1rem}.pg-mixed-row{padding:.75rem;background:var(--pg-surface2);border-radius:6px}.pg-mixed-row+.pg-mixed-row{margin-top:.75rem}.pg-align-demo{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0 1rem}.pg-align-col{display:flex;flex-direction:column;gap:.3rem}.pg-align-sample{min-height:3.5rem;padding:.75em;background:var(--pg-surface2);border-radius:6px;margin-top:.5rem;color:#fff}#alignWithout span[style*=font-size]{vertical-align:baseline!important;line-height:inherit!important}.pg-align-active span[style*=font-size]{vertical-align:text-top;line-height:1}.pg-align-active span[style*=font-size].tt-latin{vertical-align:baseline;line-height:inherit}.pg-align-pass{color:var(--pg-green)!important}@media (max-width: 600px){.pg-cluster-demo,.pg-rs-demo,.pg-align-demo{grid-template-columns:1fr}}
