.pg-list{list-style:none;margin:0;padding:0;display:grid}.pg-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;grid-gap:10px 16px;gap:10px 16px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--line)}.pg-row:last-child{border-bottom:0}.pg-main{display:grid;grid-gap:2px;gap:2px;min-width:0}.pg-main b{font-size:15px}.pg-url{color:var(--muted);overflow-wrap:anywhere}.pg-state{display:grid;grid-gap:4px;gap:4px;justify-items:start}.pg-acts{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}@media (max-width:760px){.pg-row{grid-template-columns:minmax(0,1fr)}.pg-state{grid-auto-flow:column;justify-content:start;align-items:center;gap:8px}.pg-acts{justify-content:flex-start}}.pg-form{gap:12px}.pg-form label{display:grid;grid-gap:4px;gap:4px}.pg-slug{display:flex;align-items:center;gap:6px}.pg-slug .f{flex:1 1;min-width:0}.pg-tpls{display:grid;grid-gap:6px;gap:6px}.pg-tpls .kinds{grid-template-columns:repeat(4,minmax(0,1fr))}.pg-tpls .kind[aria-pressed=true]{border-color:var(--p);background:var(--soft)}@media (max-width:560px){.pg-tpls .kinds{grid-template-columns:repeat(2,minmax(0,1fr))}}.pg-formbtns{display:flex;flex-wrap:wrap;gap:8px}.pg-wait{min-height:50vh}.pg-404{padding-block:60px;display:grid;grid-gap:12px;gap:12px;justify-items:start}.pg-offnote{margin-top:12px;background:#FFF4D6;border-radius:10px;padding:8px 14px;font-size:14px}.pe-sbar .pg-badge{border:0;border-radius:99px;padding:1px 10px;min-height:24px;font-size:12px;font-weight:700;background:var(--sage-soft);color:var(--sage-dk)}.pe-sbar .pg-badge.wait{background:#FFF1D0;color:#8A5A00}.pe-sbar .pg-badge.past{background:var(--warn-soft);color:var(--warn)}.pg-when{display:grid;grid-gap:8px;gap:8px;padding:10px;border-radius:10px;background:#FFF8F1;border:1px solid var(--line)}.pg-when .f{width:100%;min-width:0}.pg-missing{margin:40px auto;max-width:360px;height:auto;align-self:start}.pg-empty{text-align:center;padding:20px}.pg-vers{width:min(640px,100%);max-height:calc(100vh - 40px);overflow:auto}.pg-vlist{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.pg-vlist li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-gap:8px;gap:8px}.pg-vmeta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pg-vnote{font-size:14px;padding:6px 10px}.pg-vbtn{display:flex;flex-wrap:wrap;gap:6px}.pg-vprev{z-index:130}.pg-vprev .sheet-h{flex-wrap:wrap;gap:8px}.pg-pk-q{margin-bottom:6px;padding:6px 10px;font-size:14px}.pg-pk-grid{max-height:260px;overflow:auto;padding:2px}.pg-pk-lib{display:inline-block;margin-top:6px;color:var(--p)}.pg-drop{display:grid;grid-gap:4px;gap:4px;justify-items:center;text-align:center;padding:26px 16px;border:2px dashed var(--peach);border-radius:14px;background:#FFFBF7;cursor:pointer}.pg-drop.over{background:var(--soft);border-color:var(--p)}.pg-mbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.pg-mbar .f{flex:1 1;min-width:180px;max-width:360px}.pg-media{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:14px;gap:14px}.pg-media li{display:grid;grid-gap:6px;gap:6px;align-content:start;min-width:0}.pg-media li>.small{overflow-wrap:anywhere}.pg-thumb{aspect-ratio:4/3;border-radius:10px;background:#f3e8dd 50%/cover no-repeat;border:1px solid var(--line)}.pg-mname{padding:6px 9px;font-size:14px}.pg-macts{display:flex;flex-wrap:wrap;gap:6px}@media (max-width:480px){.pg-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pg-macts .btn.sm{padding:5px 10px;font-size:13px}}.pe .ce-top a.tb{text-decoration:none}.pe-sbar .pg-sname{cursor:pointer}.pe .ce-preview{z-index:9500}.pg-learn{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:8px 14px;gap:8px 14px;align-items:center;background:#EEF4FB;border:1.5px solid #b9cde4;border-radius:14px;padding:12px 16px}.pg-learn-ic{font-size:30px}.pg-learn p{margin:2px 0 0}.pg-learn-btns{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:640px){.pg-learn{grid-template-columns:auto minmax(0,1fr)}.pg-learn-btns{grid-column:1/-1}}.pg-tpls .kind.pg-demo-tpl{grid-column:1/-1;grid-template-columns:auto auto minmax(0,1fr);justify-items:start;text-align:left;align-items:center;gap:4px 10px;background:#FFF4D6;border-style:dashed;border-color:#E2B65A}.pg-tpls .kind.pg-demo-tpl span{font-size:24px}.pg-tpls .kind.pg-demo-tpl[aria-pressed=true]{border-style:solid;border-color:var(--p)}@media (max-width:560px){.pg-tpls .kind.pg-demo-tpl{grid-template-columns:auto minmax(0,1fr)}.pg-tpls .kind.pg-demo-tpl small{grid-column:2}}.pg-tip{background:#FFF8F1;border-radius:10px;padding:8px 12px;margin:0}.pg-demonote a{margin-left:6px;color:var(--p);font-weight:700}.pgd{display:grid;grid-gap:18px;gap:18px;max-width:980px;min-width:0}.pgd-hero>p{margin:0;line-height:1.8}.pgd-demo{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:center;background:#FFF8F1;border-radius:12px;padding:12px}.pgd-demo-img img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}.pgd-demo-t{display:grid;grid-gap:8px;gap:8px;min-width:0}.pgd-demo-t p{margin:0}.pgd-btns{display:flex;flex-wrap:wrap;gap:8px}.pgd-toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:8px;gap:8px}.pgd-toc a{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;color:var(--ink);text-decoration:none;font-size:15px}.pgd-toc a:hover{border-color:var(--p)}.pgd-toc span{color:var(--p);font-weight:700}.pgd-lesson{scroll-margin-top:16px}.pgd-lesson h2{flex-wrap:wrap;justify-content:flex-start;gap:4px 12px}.pgd-steps{margin:0;padding-left:1.6em;display:grid;grid-gap:18px;gap:18px}.pgd-steps>li{padding-left:4px;min-width:0}.pgd-steps>li::marker{color:var(--p);font-weight:700}.pgd-steps.plain{gap:10px;line-height:1.8}.pgd-t{line-height:1.8;font-size:16px}.pgd-steps figure{margin:10px 0 0}.pgd-steps figure img{display:block;max-width:100%;height:auto;border-radius:10px;border:1px solid var(--line);box-shadow:0 2px 10px rgba(91,52,24,.08)}.pgd-k{display:inline-block;background:#FFF4D6;border:1px solid #ead29a;border-radius:6px;padding:0 6px;margin:0 1px;font-weight:700;line-height:1.6;white-space:nowrap}.pgd code{background:#F3ECE5;border-radius:5px;padding:1px 5px;font-size:.92em;overflow-wrap:anywhere}.pgd-list{margin:6px 0 0;padding-left:1.2em}.pgd-list,.pgd-tips{display:grid;grid-gap:6px;gap:6px}.pgd-tips{background:#EEF4FB;border-radius:10px;padding:10px 14px}.pgd-tips p{margin:0;line-height:1.7}.pgd-faq{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:10px;gap:10px}.pgd-faq>div{background:#FFFBF7;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.pgd-faq dt{font-weight:700}.pgd-faq dt:before{content:"⚠️ "}.pgd-faq dd{margin:4px 0 0;line-height:1.7;color:var(--ink)}.pgd-practice{background:#F4F8F0;border-color:#CFE0C4}@media (max-width:640px){.pgd-demo{grid-template-columns:minmax(0,1fr)}.pgd-k{white-space:normal}.pgd-steps{padding-left:1.3em}}.home-flow>section[id]{scroll-margin-top:80px}.pe-live{position:relative;border:2px dashed var(--line);border-radius:14px;overflow:hidden;cursor:pointer;background:#fff;max-width:100%}.pe-live.cur{border-color:var(--p);border-style:solid}.pe-live-in{pointer-events:none;padding-block:8px}.pe-live-tag{position:absolute;top:8px;right:8px;z-index:2;background:var(--ink);color:#fff;font-size:12px;border-radius:99px;padding:2px 10px}.ce-pv-in .mobile-cta,.pe-live .mobile-cta{display:none!important}.ce-pv-in .facts,.pe-live .facts{position:static}.force-m .course,.pe-live.is-m .course{grid-template-columns:minmax(0,1fr)}.force-m .gallery,.pe-live.is-m .gallery{grid-template-columns:1fr 1fr}.force-m .gallery .big,.pe-live.is-m .gallery .big{grid-column:span 2;grid-row:auto;min-height:220px}.pe-sec.off .pe-live{opacity:.45}.pe-livep .chk{align-items:flex-start}.pe-cbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 16px;background:var(--sage-soft);color:var(--sage-dk);font-size:13px;border-bottom:1px solid var(--line)}.pe-cbar>span{flex:1 1 320px}.pe-cpick{display:inline-flex;align-items:center;gap:6px;font-weight:700}.pe-cpick select{max-width:280px;min-height:34px;border-radius:8px;border:1px solid var(--line);padding:0 8px;font:inherit;font-weight:400}.pe-tokens{font-size:13px}.pe-tokens summary{cursor:pointer;font-weight:700;color:var(--p)}.pe-tokens>div{display:grid;grid-gap:4px;gap:4px;margin-top:6px}.pe-tokens button{display:flex;justify-content:space-between;gap:8px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 8px;font:inherit;cursor:pointer}.pe-tokens button:hover{border-color:var(--p)}.pe-tokens small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}.pg-thumb.mark{background-size:contain,12px 12px;background-repeat:no-repeat,repeat;background-position:50%,0 0;background-origin:content-box,border-box;padding:8px}.pg-usebar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px}.pg-usebar .f{width:auto}.pg-use{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px}.pg-use label{display:flex;gap:4px;align-items:center;cursor:pointer}