.pg-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:44px 0 36px}.pg-intro h1{font-size:clamp(36px,4vw,58px);line-height:1.04;letter-spacing:-2px;margin:12px 0 18px;font-weight:550}.pg-intro p:not(.eyebrow){color:var(--muted);font-size:16px;margin-bottom:0}.pg-intro-links{display:flex;flex-direction:column;gap:12px;font-size:14px;text-align:right;padding-bottom:4px}.pg-intro-links a{color:var(--ink)}.pg-intro-links span{color:var(--muted);font-size:12px}.pg-app{--pg-bg:light-dark(#fff,#181a20);--pg-subtle:light-dark(#f6f6f5,#20232a);--pg-text:light-dark(#20242a,#e9ebf0);--pg-muted:light-dark(#666a72,#b2b7c2);--pg-border:light-dark(#dcdfe3,#3a3f4b);color:var(--pg-text);background:var(--pg-bg);border:1px solid var(--pg-border);border-radius:12px;box-shadow:0 12px 45px #20242a08;overflow:hidden}.pg-toolbar,.pg-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 20px;border-bottom:1px solid var(--pg-border)}.pg-toolbar{background:var(--pg-subtle)}.pg-app label{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--pg-muted)}.pg-app :where(.pg-toolbar,.pg-actions,.pg-reader-status,.pg-options,.pg-developer,.pg-mobile-tabs,.pg-preview-actions,.pg-find) :where(button,select,input:not([type=checkbox]):not([type=range])){font:inherit;font-size:12px;border:1px solid var(--pg-border);border-radius:6px;background:var(--pg-bg);color:var(--pg-text);padding:8px 10px;min-height:36px;max-width:100%}.pg-app :where(.pg-toolbar,.pg-actions,.pg-reader-status,.pg-options,.pg-developer,.pg-mobile-tabs,.pg-preview-actions,.pg-find) button:hover:not(:disabled){background:var(--pg-subtle)}.pg-app :where(.pg-toolbar,.pg-actions,.pg-reader-status,.pg-options,.pg-developer,.pg-mobile-tabs,.pg-preview-actions,.pg-find) button:disabled{cursor:default;opacity:.45}.pg-app #stream{color:#fff;background:#2b3a5c;border-color:#2b3a5c;min-width:78px}.pg-app #stream:hover:not(:disabled){background:#3d507c}.pg-app :where(.pg-toolbar,.pg-actions,.pg-reader-status,.pg-options,.pg-developer,.pg-mobile-tabs,.pg-preview-actions,.pg-find) :is(button,select,input):focus-visible,#src:focus-visible{outline:3px solid #7189c2;outline-offset:2px}.pg-theme-controls,.pg-stream-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.pg-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);height:660px;max-height:78vh;min-height:440px}.pg-source-panel,.pg-preview-panel{display:flex;flex-direction:column;min-height:0;min-width:0}.pg-source-panel{border-right:1px solid var(--pg-border)}.pg-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 48px;min-height:48px;padding:8px 18px;border-bottom:1px solid var(--pg-border);color:var(--pg-muted);font-size:11px}.pg-panel-title label,.pg-panel-title #preview-title{color:var(--pg-text);font-size:12px;font-weight:600}.pg-panel-title span:last-child{font-size:10px}#src{resize:none;flex:1;min-height:0;width:100%;border:0;padding:22px 20px;background:var(--pg-subtle);color:var(--pg-text);font:12px/1.85 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;-moz-tab-size:2;tab-size:2;border-radius:0}.pg-render{flex:1;min-height:0;overflow:auto;padding:24px 24px 48px;background:var(--pg-bg)}.pg-render .sm-doc{width:min(100%,var(--pg-column,680px));margin-inline:auto}.pg-render[aria-busy=true]{display:flex;flex-direction:column}.pg-render[aria-busy=true]>.sm-frame{flex:1;min-height:0;visibility:hidden}.pg-document-loading{color:var(--pg-muted);font-size:13px;padding:16px 0}.pg-reader-status{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--pg-border);min-height:40px}#reader-status{font-size:12px;color:var(--pg-muted);margin:0;flex:1}#engine-progress{width:120px;max-width:100%;height:5px;accent-color:#536b9b}.pg-options,.pg-developer{border-top:1px solid var(--pg-border);padding:14px 20px;font-size:12px}.pg-app summary{cursor:pointer;color:var(--pg-muted);width:fit-content}.pg-option-grid{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-top:16px}.pg-option-grid p{font-size:12px;color:var(--pg-muted);max-width:260px}.pg-find{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.pg-find input[type=search]{min-width:100px;width:180px}.pg-outline{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px}.pg-outline h2{width:100%;font-size:12px;font-weight:500}.pg-developer-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:16px}#status,#byte-debug{font:10px/1.6 ui-monospace,Menlo,monospace;overflow-wrap:anywhere;color:var(--pg-muted)}.pg-footnote{font-size:12px;line-height:1.8;color:var(--muted);max-width:760px;margin:18px 0 0}.pg-footnote a{color:var(--ink);white-space:nowrap}@media(min-width:1200px){.playground-page .wrap:has(.pg-app){width:min(100%,1504px)}}@media(max-width:767px){.pg-intro{padding-top:20px;flex-direction:column;align-items:start;gap:20px}.pg-intro-links{text-align:left}.pg-toolbar,.pg-actions{padding:12px;gap:12px}.pg-theme-controls{width:100%}.pg-toolbar label{flex:1}.pg-workspace{height:auto;max-height:none;min-height:0;grid-template-columns:1fr}.pg-source-panel{border-right:0;border-bottom:1px solid var(--pg-border);height:280px}.pg-preview-panel{height:600px}.pg-panel-title{padding-inline:14px}.pg-render{padding:20px 16px 36px}.pg-actions{align-items:start}.pg-stream-controls{gap:8px}.pg-actions>#print{margin-left:auto}.pg-options,.pg-developer,.pg-reader-status{padding-inline:14px}}@media(prefers-reduced-motion:reduce){.pg-app *{scroll-behavior:auto!important}}@media print{.site-header,.site-footer,.pg-intro,.pg-toolbar,.pg-actions,.pg-panel-title,.pg-source-panel,.pg-reader-status,.pg-options,.pg-developer,.pg-footnote,.skip{display:none!important}.wrap,.pg-app{width:100%!important;padding:0!important;border:0!important;box-shadow:none!important;overflow:visible!important}.pg-workspace,.pg-preview-panel{display:block;height:auto!important;max-height:none!important;min-height:0!important}.pg-render{overflow:visible;padding:0;background:#fff}.pg-render .sm-doc{width:100%}}.pg-render :is(h1,h2,h3){letter-spacing:normal;font-weight:var(--sm-heading-weight,700)}.pg-app [hidden]{display:none!important}.playground-page :is(.site-header,.site-footer){color-scheme:light;color:#20242a}.pg-mobile-tabs{display:none}@media(max-width:767px){.pg-theme-controls{display:grid;grid-template-columns:1fr 1fr}.pg-theme-controls label{flex-direction:column;align-items:stretch;gap:6px}.pg-mobile-tabs{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--pg-border)}.pg-mobile-tabs button{flex:1;background:var(--pg-subtle)}.pg-mobile-tabs button[aria-pressed=true]{background:var(--pg-bg);box-shadow:0 1px 3px #0001;font-weight:600}.pg-workspace[data-mobile-pane=preview] .pg-source-panel,.pg-workspace[data-mobile-pane=source] .pg-preview-panel{display:none}.pg-source-panel{height:600px}}@media print{.pg-mobile-tabs{display:none!important}.pg-workspace .pg-preview-panel{display:block!important}}.pg-app :is(.pg-toolbar,.pg-actions) select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23737d8f' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px}.pg-render .sm-mermaid-toolbar>.sm-mermaid-control{display:inline-grid;place-items:center}@media(max-width:767px){.pg-theme-controls label{min-width:0}.pg-theme-controls select{width:100%;min-width:0}}@media print{.pg-render .sm-doc{display:block}.pg-render .sm-doc>.sm-block{margin-bottom:var(--sm-block-spacing,12px)}.pg-render :is(p,li){orphans:3;widows:3}.pg-render .sm-quote{break-inside:avoid}}.pg-preview-actions{display:flex;align-items:center;gap:12px}.pg-preview-actions button{padding:4px 8px;min-height:30px;font:inherit}.pg-preview-panel>.pg-find{flex:none;margin:0;padding:10px 16px;border-bottom:1px solid var(--pg-border);display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pg-find input[type=search]{flex:1 1 140px;min-width:80px;width:140px}.pg-find output{min-width:65px;font-size:13px}.pg-find button{min-height:32px;padding:4px 8px}@media print{.pg-find{display:none!important}}.pg-print-actions{display:flex;flex-wrap:wrap;gap:10px}.pg-print-preview{width:min(100vw - 24px,820px);max-height:calc(100vh - 24px);padding:0;border:1px solid var(--line);border-radius:12px;background:#e9e9ed;color:#1c1c1e}.pg-print-preview::backdrop{background:#00000073}.pg-print-tools{position:sticky;top:0;z-index:1;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 16px;background:#fff;border-bottom:1px solid #ddd;color-scheme:light}.pg-print-tools strong{margin-right:auto;font-size:14px}.pg-print-tools button{font:inherit;font-size:13px;padding:8px 10px;min-height:36px;border:1px solid #dcdfe3;border-radius:6px;background:#fff;color:#20242a}.pg-print-tools button:hover{background:#f6f6f5}.pg-print-tools button:focus-visible{outline:3px solid #7189c2;outline-offset:2px}.pg-print-body :is(h1,h2,h3),.pg-readable-output :is(h1,h2,h3){letter-spacing:normal;font-weight:var(--sm-heading-weight,700)}.pg-print-body{padding:12px;overflow:auto}.pg-print-body>.sm-doc{margin:auto;padding:12px;box-sizing:content-box;box-shadow:0 1px 8px #0002}.pg-print-body .sm-readable-table-page+.sm-readable-table-page{border-top:1px dashed #bbb;padding-top:24px}@media print{body.pg-readable-printing{page:sirius-readable;background:#fff}body.pg-readable-printing>:not(.pg-readable-output){display:none!important}.pg-readable-output{page:sirius-readable;background:#fff}.pg-readable-output>.sm-doc{padding:0;margin:0;box-shadow:none}.pg-print-preview::backdrop,.pg-print-tools{display:none}.pg-print-body{padding:0;overflow:visible}.pg-print-body>.sm-doc{padding:0;margin:0;box-shadow:none}.pg-print-body .sm-readable-table-page+.sm-readable-table-page{border:0;padding-top:0}}@page sirius-readable{size:letter;margin:.5in}
