pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}
.pages-container button,.pages-container input[type=submit],.pb-displayer button,.form-box input[type=submit],.sandbox button,.sandbox-large button,.page-content a.link-button{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.pages-container button:focus-visible,.pages-container input:focus-visible,.pb-displayer button:focus-visible,.pb-displayer input:focus-visible,.pb-displayer select:focus-visible,.form-box button:focus-visible,.form-box input:focus-visible,.sandbox button:focus-visible,.sandbox-large button:focus-visible{outline:2px solid var(--pb-accent);outline-offset:2px}:root{--pb-bg:#f7f6f1;--pb-surface:#fff;--pb-surface-2:#f1efe9;--pb-border:#e3e0d8;--pb-text:#1a1a1a;--pb-text-muted:#595959;--pb-accent:#1e63d1;--pb-accent-hover:#1750a8;--pb-accent-fg:#fff;--pb-success:#1f7c40;--pb-success-hover:#175e30;--pb-field-green:#2e7d44;--pb-field-stripe:#00000012;--pb-field-line:#ffffff38;--pb-field-scrimmage:#ffffffd9;--pb-player-bg:#111418;--pb-player-text:#fff;--pb-player-ring:#000000f2;--pb-shadow-sm:0 1px 2px #0f0f0f0f;--pb-shadow-md:0 4px 12px #0f0f0f14, 0 1px 3px #0f0f0f0f;--pb-shadow-lg:0 16px 32px #0f0f0f1f, 0 4px 12px #0f0f0f0f;--pb-font:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--pb-radius-sm:6px;--pb-radius:10px;--pb-radius-lg:14px;--pb-radius-pill:999px;--pb-gap:12px;--pb-pad:16px;--pb-transition:.15s ease}@media (prefers-color-scheme:dark){:root{--pb-bg:#0d0d0e;--pb-surface:#18181b;--pb-surface-2:#1f1f23;--pb-border:#2a2a2e;--pb-text:#f5f4f0;--pb-text-muted:#a1a1aa;--pb-accent:#5b8def;--pb-accent-hover:#7ba3f4;--pb-accent-fg:#0a0a0b;--pb-success:#3a8a5b;--pb-success-hover:#4a9c6b;--pb-field-green:#235e34;--pb-field-stripe:#0000002e;--pb-field-line:#ffffff2e;--pb-field-scrimmage:#ffffffbf;--pb-player-bg:#050608;--pb-player-ring:#000000d9;--pb-shadow-sm:0 1px 2px #0006;--pb-shadow-md:0 4px 12px #00000073, 0 1px 3px #00000059;--pb-shadow-lg:0 16px 32px #0000008c, 0 4px 12px #0006}}[data-pb-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--pb-bg:#0d0d0e;--pb-surface:#18181b;--pb-surface-2:#1f1f23;--pb-border:#2a2a2e;--pb-text:#f5f4f0;--pb-text-muted:#a1a1aa;--pb-accent:#5b8def;--pb-accent-hover:#7ba3f4;--pb-accent-fg:#0a0a0b;--pb-success:#3a8a5b;--pb-success-hover:#4a9c6b;--pb-field-green:#235e34;--pb-field-stripe:#0000002e;--pb-field-line:#ffffff2e;--pb-field-scrimmage:#ffffffbf;--pb-player-bg:#050608;--pb-player-ring:#000000d9;--pb-shadow-sm:0 1px 2px #0006;--pb-shadow-md:0 4px 12px #00000073, 0 1px 3px #00000059;--pb-shadow-lg:0 16px 32px #0000008c, 0 4px 12px #0006}.pb-connected-layout{--pb-connected-main-max:854px;flex-direction:column;align-items:center;gap:24px;width:100%;margin:0 auto;display:flex}.pb-connected-layout__book{justify-content:center;width:100%;display:flex}.pb-connected-layout__main{flex-direction:column;gap:24px;width:100%;display:flex}.pb-connected-layout__field,.pb-connected-layout__sandbox{justify-content:center;width:100%;display:flex}.pb-connected-layout__sandbox .sandbox,.pb-connected-layout__sandbox .sandbox-large{margin-top:0}@media (min-width:1400px){.pb-connected-layout{flex-direction:row;justify-content:center;align-items:stretch;gap:24px;max-width:1700px}.pb-connected-layout__book{flex:none;width:clamp(400px,30vw,800px)}.pb-connected-layout__book .pages-container{width:100%;height:100%;margin:0}.pb-connected-layout__main{flex:0 1 var(--pb-connected-main-max);align-self:start;min-width:0}.pb-connected-layout__book{max-height:var(--pb-connected-main-h,none)}.pb-connected-layout__book .pb-book-pages,.pb-connected-layout__book .pages-container[data-orientation=vertical] .page-item{flex:1 1 0;min-height:0}.pb-connected-layout__book .page-content{height:100%}.pb-connected-layout__book .page-image-section{flex:1 1 0;min-height:0;display:flex}.pb-connected-layout__book .page-image,.pb-connected-layout__book .page-image-placeholder{aspect-ratio:auto;width:100%;height:100%;min-height:0}}.pages-container{width:min(var(--pb-book-max-width,800px), 100%);background:var(--pb-surface);border-radius:var(--pb-radius-lg);box-shadow:var(--pb-shadow-md);font-family:var(--pb-font);color:var(--pb-text);flex-direction:column;margin:0 auto 32px;display:flex;overflow:hidden;container-type:inline-size}.pb-book-taskbar{padding:12px var(--pb-pad);border-bottom:1px solid var(--pb-border);align-items:center;gap:8px;display:flex}.pb-book-pages{display:flex}.page-item{background:var(--pb-surface);min-width:0;padding:var(--pb-gap) var(--pb-pad);gap:var(--pb-gap);flex-direction:column;flex:50%;display:flex}.page-item+.page-item{border-left:1px solid var(--pb-border)}.pages-container[data-orientation=vertical] .pb-book-pages{flex-direction:column}.pages-container[data-orientation=vertical] .page-item{flex:none}.pages-container[data-orientation=vertical] .page-item+.page-item{border-left:none;border-top:1px solid var(--pb-border)}@container (max-width:499px){.pages-container:not([data-orientation=vertical]) .pb-book-pages .page-item:nth-child(2){display:none}}.title{color:var(--pb-text-muted);text-align:center;letter-spacing:.02em;text-transform:uppercase;flex:1;font-size:.8125rem;font-weight:600}.pages-container .left-button,.pages-container .right-button{border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);background:var(--pb-surface);color:var(--pb-text);cursor:pointer;transition:background var(--pb-transition), border-color var(--pb-transition), transform var(--pb-transition);padding:8px 14px;font-family:inherit;font-size:.8125rem;font-weight:500}.pages-container .left-button:hover,.pages-container .right-button:hover{background:var(--pb-surface-2);border-color:var(--pb-text-muted)}.pages-container .left-button:active,.pages-container .right-button:active{transform:translateY(1px)}.pb-save-button{border-radius:var(--pb-radius-sm);border:1px solid var(--pb-success);background:var(--pb-success);color:#fff;cursor:pointer;transition:background var(--pb-transition), border-color var(--pb-transition), transform var(--pb-transition);padding:8px 14px;font-family:inherit;font-size:.8125rem;font-weight:500}.pb-save-button:hover{background:var(--pb-success-hover);border-color:var(--pb-success-hover)}.pb-save-button:active{transform:translateY(1px)}.pb-save-button:disabled,.pb-save-button:disabled:hover{opacity:.5;cursor:not-allowed;background:var(--pb-success);border-color:var(--pb-success);transform:none}.page-content{gap:var(--pb-gap);flex-direction:column;display:flex}.page-image-section{width:100%}.page-image{aspect-ratio:4/3;object-fit:contain;border-radius:var(--pb-radius-sm);background:var(--pb-surface-2);color:#0000;width:100%;display:block}.page-image-placeholder{aspect-ratio:4/3;background:var(--pb-surface-2);border:2px dashed var(--pb-border);border-radius:var(--pb-radius-sm);width:100%;color:var(--pb-text-muted);box-sizing:border-box;justify-content:center;align-items:center;font-size:.875rem;display:flex}.page-title{text-align:center;background:var(--pb-surface-2);border-radius:var(--pb-radius-sm);color:var(--pb-text);padding:6px 12px;font-size:.9375rem;font-weight:600}.page-title[contenteditable=true]{cursor:text;border-bottom:1px dashed var(--pb-border);border-radius:var(--pb-radius-sm) var(--pb-radius-sm) 0 0;outline:none;transition:border-color .15s}.page-title[contenteditable=true]:focus{border-bottom-color:var(--pb-accent)}.page-actions{flex-wrap:wrap;align-items:center;gap:6px;padding-bottom:4px;display:flex}.page-video-section{align-items:center;gap:6px;display:inline-flex}.page-video-editor{align-items:center;gap:6px;display:flex}.page-video-editor input[type=text]{border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);background:var(--pb-bg);color:var(--pb-text);min-width:140px;transition:border-color var(--pb-transition), box-shadow var(--pb-transition);flex:1;padding:6px 10px;font-family:inherit;font-size:.8125rem}.page-video-editor input[type=text]:focus{border-color:var(--pb-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--pb-accent) 25%, transparent);outline:none}.page-content .link-button{border-radius:var(--pb-radius-sm);background:var(--pb-accent);color:var(--pb-accent-fg);cursor:pointer;transition:background var(--pb-transition);box-sizing:border-box;border:none;justify-content:center;align-items:center;min-height:44px;padding:8px 14px;font-family:inherit;font-size:.8125rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.page-content .link-button:hover{background:var(--pb-accent-hover)}.page-content .link-button:disabled,.page-content .link-button:disabled:hover{opacity:.5;cursor:not-allowed;background:var(--pb-accent)}.page-edit-btn{color:var(--pb-text-muted);border:1px solid var(--pb-border);border-radius:var(--pb-radius-sm);cursor:pointer;transition:background var(--pb-transition), border-color var(--pb-transition), color var(--pb-transition);background:0 0;padding:6px 10px;font-family:inherit;font-size:.75rem;font-weight:500}.page-edit-btn:hover{background:var(--pb-surface-2);color:var(--pb-text);border-color:var(--pb-text-muted)}.page-edit-btn-primary{background:var(--pb-accent);color:var(--pb-accent-fg);border-radius:var(--pb-radius-sm);cursor:pointer;transition:background var(--pb-transition);border:none;padding:6px 10px;font-family:inherit;font-size:.75rem;font-weight:600}.page-edit-btn-primary:hover{background:var(--pb-accent-hover)}.form-box{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius);width:min(480px,100%);padding:var(--pb-pad);box-shadow:var(--pb-shadow-sm);font-family:var(--pb-font);color:var(--pb-text);margin:24px auto}.form-title{color:var(--pb-text);margin-bottom:12px;font-size:1rem;font-weight:600}.forms{flex-direction:column;gap:10px;display:flex}.forms input[type=text]{border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);background:var(--pb-bg);color:var(--pb-text);transition:border-color var(--pb-transition), box-shadow var(--pb-transition);padding:8px 12px;font-family:inherit;font-size:.875rem}.forms input::placeholder,.pb-sandbox-rename input::placeholder,.forms2 input::placeholder{color:var(--pb-text-muted);opacity:1}.forms input[type=text]:focus{border-color:var(--pb-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--pb-accent) 25%, transparent);outline:none}.forms input[type=submit]{border-radius:var(--pb-radius-sm);background:var(--pb-accent);color:var(--pb-accent-fg);cursor:pointer;transition:background var(--pb-transition);border:none;padding:10px 16px;font-family:inherit;font-size:.875rem;font-weight:600}.forms input[type=submit]:hover{background:var(--pb-accent-hover)}.pb-displayer{font-family:var(--pb-font);border-radius:var(--pb-radius-lg);box-shadow:var(--pb-shadow-md);background:var(--pb-surface);color:var(--pb-text);isolation:isolate;flex-direction:column;width:100%;max-width:854px;display:flex;overflow:hidden}.pb-displayer[data-size=xx-large]{max-width:1220px}.pb-field-stage{width:100%;position:relative;overflow:hidden}.pb-field-stage[data-size=large]{aspect-ratio:854/511}.pb-field-stage[data-size=xx-large]{aspect-ratio:1220/720}.pb-field-inner{transform-origin:0 0;transform:scale(var(--pb-field-scale,1));transition:transform .15s;position:absolute;top:0;left:0}.pb-field-stage[data-size=large] .pb-field-inner{width:854px;height:511px}.pb-field-stage[data-size=xx-large] .pb-field-inner{width:1220px;height:720px}.pb-controls{padding:12px var(--pb-pad);background:var(--pb-surface);border-top:1px solid var(--pb-border);gap:8px;display:flex}.pb-controls button{border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);background:var(--pb-surface);color:var(--pb-text);cursor:pointer;transition:background var(--pb-transition), border-color var(--pb-transition), transform var(--pb-transition);padding:8px 14px;font-family:inherit;font-size:.8125rem;font-weight:500}.pb-controls button:first-child{background:var(--pb-accent);color:var(--pb-accent-fg);border-color:var(--pb-accent)}.pb-controls button:first-child:hover{background:var(--pb-accent-hover);border-color:var(--pb-accent-hover)}.pb-controls button:not(:first-child):hover{background:var(--pb-surface-2);border-color:var(--pb-text-muted)}.pb-controls button:active{transform:translateY(1px)}.pb-controls button:disabled,.pb-controls button:disabled:hover{opacity:.5;cursor:not-allowed;transform:none}.field-top{background-color:var(--pb-field-green);background-image:linear-gradient(90deg, transparent 50%, var(--pb-field-stripe) 50%);color:#fff;letter-spacing:.04em;text-align:center;text-shadow:0 1px 2px #0006;background-size:18.1818% 100%;width:100%;height:500px;padding-top:12px;font-size:.9375rem;font-weight:600}.field{background-color:var(--pb-field-green);background-image:linear-gradient(90deg, transparent 50%, var(--pb-field-stripe) 50%);border-top:3px solid var(--pb-field-scrimmage);background-size:18.1818% 100%;width:100%;height:220px;position:relative}.front{justify-content:center;width:100%;height:50px;display:flex;position:relative}.mid-back{justify-content:center;width:100%;height:50px;margin-top:12px;display:flex;position:relative}.player{background-color:var(--pb-player-bg);width:50px;height:50px;color:var(--pb-player-text);font-family:var(--pb-font);letter-spacing:.04em;text-indent:.04em;box-shadow:0 0 0 1.5px var(--pb-player-ring), 0 2px 4px #00000040;border-radius:50%;justify-content:center;align-items:center;margin:5px;font-size:.9375rem;font-weight:600;display:flex;position:relative}.player span,.player-large span{transform:translateY(-1px)}.field-top-large{background-color:var(--pb-field-green);background-image:linear-gradient(90deg, transparent 50%, var(--pb-field-stripe) 50%);color:#fff;letter-spacing:.04em;text-align:center;text-shadow:0 1px 2px #0006;background-size:18.1818% 100%;width:100%;height:350px;padding-top:10px;font-size:.875rem;font-weight:600}.field-large{background-color:var(--pb-field-green);background-image:linear-gradient(90deg, transparent 50%, var(--pb-field-stripe) 50%);border-top:2.5px solid var(--pb-field-scrimmage);background-size:18.1818% 100%;width:100%;height:161px;position:relative}.front-large{justify-content:center;width:100%;height:35px;display:flex;position:relative}.mid-back-large{justify-content:center;width:100%;height:35px;margin-top:10px;display:flex;position:relative}.player-large{background-color:var(--pb-player-bg);width:35px;height:35px;color:var(--pb-player-text);font-family:var(--pb-font);letter-spacing:.03em;text-indent:.03em;box-shadow:0 0 0 1px var(--pb-player-ring), 0 1px 3px #00000040;border-radius:50%;justify-content:center;align-items:center;margin:5px;font-size:.8125rem;font-weight:600;display:flex;position:relative}.sandbox,.sandbox-large{background:var(--pb-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius);padding:var(--pb-pad);box-shadow:var(--pb-shadow-md);margin-top:var(--pb-gap);gap:var(--pb-gap);font-family:var(--pb-font);color:var(--pb-text);box-sizing:border-box;flex-direction:column;display:flex}.sandbox{width:1220px;max-width:100%}.sandbox-large{width:854px;max-width:100%}.forms2{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:center;gap:10px 14px;display:grid}.forms2 label{color:var(--pb-text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:.8125rem;font-weight:500;display:inline-flex}.forms2 select{border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);background:var(--pb-bg);color:var(--pb-text);min-width:0;transition:border-color var(--pb-transition), box-shadow var(--pb-transition);flex:1;padding:6px 8px;font-family:inherit;font-size:.8125rem}.forms2 select:focus{border-color:var(--pb-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--pb-accent) 25%, transparent);outline:none}.forms2 select:disabled{opacity:.5;cursor:not-allowed}.forms2 input[type=text]{border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);background:var(--pb-bg);color:var(--pb-text);transition:border-color var(--pb-transition), box-shadow var(--pb-transition);padding:6px 10px;font-family:inherit;font-size:.8125rem}.forms2 input[type=text]:focus{border-color:var(--pb-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--pb-accent) 25%, transparent);outline:none}.pb-sandbox-rename{border-top:1px solid var(--pb-border);font-family:var(--pb-font);align-items:center;gap:10px;padding-top:16px;display:flex}.pb-sandbox-rename input[type=text]{border-radius:var(--pb-radius-sm);border:1px solid var(--pb-border);background:var(--pb-bg);width:220px;color:var(--pb-text);transition:border-color var(--pb-transition), box-shadow var(--pb-transition);padding:8px 12px;font-family:inherit;font-size:.8125rem}.pb-sandbox-rename input[type=text]:focus{border-color:var(--pb-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--pb-accent) 25%, transparent);outline:none}
.portfolio-page{z-index:10;background:var(--pb-bg,#0d0d0e);min-height:100vh;color:var(--pb-text,#f5f4f0);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:32px 24px 80px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}.portfolio-shell{margin:0 auto}.portfolio-header{text-align:center;margin:0 auto 48px}.portfolio-title{letter-spacing:-.02em;text-align:center;color:var(--pb-text);margin:0 0 8px;font-size:clamp(2.5rem,6vw,4rem);font-weight:700}.portfolio-tagline{text-align:center;color:var(--pb-text-muted);max-width:600px;margin:0 auto;font-size:1rem;font-weight:400}.portfolio-section-label{text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--pb-text-muted);max-width:800px;margin:64px auto 16px;font-size:.875rem;font-weight:500}.showcase{flex-direction:column;align-items:center;gap:24px;min-height:clamp(280px,40vw,520px);margin:16px 0;display:flex}.portfolio-snippet{max-width:854px;margin:0 auto 48px}.portfolio-snippet:last-child{margin-bottom:0}.portfolio-snippet__heading{letter-spacing:-.005em;color:var(--pb-text);margin:32px 0 6px;font-size:1.0625rem;font-weight:600}.portfolio-snippet__heading code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Cascadia Code,Consolas,monospace;font-size:.9375em;font-weight:600}.portfolio-snippet__caption{color:var(--pb-text-muted);margin:0 0 16px;font-size:.9375rem;line-height:1.6}.portfolio-snippet__caption code,.portfolio-snippet__caption em{color:var(--pb-text);font-style:normal;font-weight:500}.portfolio-snippet__caption code{background:var(--pb-surface-2);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Cascadia Code,Consolas,monospace;font-size:.875em}.portfolio-snippet pre{background:var(--pb-surface);border:1px solid var(--pb-border);color:var(--pb-text);box-shadow:var(--pb-shadow-md);border-radius:10px;margin:0;padding:20px 24px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Cascadia Code,Consolas,monospace;font-size:.875rem;line-height:1.65;overflow-x:auto}.portfolio-snippet pre code{font-family:inherit;font-size:inherit;color:inherit;white-space:pre;background:0 0;border-radius:0;padding:0;font-weight:400}.portfolio-snippet__body{flex-direction:column;gap:16px;margin-top:16px;display:flex}.portfolio-snippet__demo{flex-direction:column;align-items:stretch;gap:16px;min-width:0;display:flex}.portfolio-snippet__demo .pages-container{--pb-book-max-width:500px}.portfolio-footer{border-top:1px solid var(--pb-border);text-align:center;margin-top:80px;padding-top:32px}.portfolio-footer__links{flex-wrap:wrap;justify-content:center;gap:24px;margin:0 0 12px;padding:0;list-style:none;display:flex}.portfolio-footer__links a{color:var(--pb-text);border-bottom:1px solid #0000;padding-bottom:2px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:border-color .18s}.portfolio-footer__links a:hover,.portfolio-footer__links a:focus-visible{border-bottom-color:var(--pb-text);outline:none}.portfolio-footer__meta{color:var(--pb-text-muted);margin:0;font-size:.8125rem}.hljs{color:#c9d1d9;background:0 0!important}.portfolio-snippet pre .hljs{border-radius:0;padding:0}@media (max-width:640px){.portfolio-page{padding:24px 16px 64px}.portfolio-snippet pre{border-radius:8px;padding:16px 18px;font-size:.8125rem}}