#primary-canvas{flex-direction:column;flex:1;padding:12px 14px 14px;display:flex;position:relative}#primary-canvas--header{z-index:20;border:3px solid var(--comic-ink);min-height:44px;box-shadow:4px 4px 0 var(--comic-ink);box-shadow:3px 3px 0 var(--comic-ink);background:#fff;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:.4rem .75rem;display:flex;position:relative}#primary-canvas--header .primary-canvas-header-left{flex:none;align-items:center;gap:8px;display:flex}#primary-canvas--header .primary-canvas-back-link{color:var(--comic-ink);border:2px solid var(--comic-ink);box-shadow:2px 2px 0 var(--comic-ink);white-space:nowrap;background:#fff;flex:none;padding:.32rem .65rem;font-family:Space Mono,monospace;font-size:.72rem;line-height:1.1;transition:background .15s,transform .1s,box-shadow .1s}#primary-canvas--header .primary-canvas-back-link:hover{color:var(--comic-ink);background:var(--comic-yellow);box-shadow:1px 1px 0 var(--comic-ink);transform:translate(1px,1px)}#primary-canvas--header button{flex:none;min-width:max-content;padding:.35rem .7rem;font-family:Space Mono,monospace;font-size:.76rem;line-height:1.1}#primary-canvas--header_extra_html{min-width:0;max-width:min(720px,72vw);color:var(--text-muted);text-align:left;justify-content:flex-start;align-items:center;font-size:.78rem;line-height:1.25;display:flex;overflow:hidden}#primary-canvas--header_extra_html>*{max-width:100%}#primary-canvas--content{--text:#e2e4f0;--text-muted:#8890b0;background:var(--screen-bg);border:3px solid var(--comic-ink);box-shadow:4px 4px 0 var(--comic-ink);width:100%;height:calc(100vh - var(--menu-height) - 80px);position:relative}#primary-canvas--content button{color:var(--comic-ink)}#primary-canvas--content--text{z-index:9;pointer-events:none;background:var(--comic-yellow);border:3px solid var(--comic-ink);max-width:min(36em,100% - 28px);box-shadow:4px 4px 0 var(--comic-ink);box-shadow:3px 3px 0 var(--comic-ink);color:var(--comic-ink);padding:10px 14px;position:absolute;top:14px;left:14px}#primary-canvas--content--text:empty{display:none}#primary-canvas--content--text h3{font-family:var(--comic-display);letter-spacing:.05em;color:var(--comic-red);margin:0 0 .25rem;font-size:.98rem;font-weight:400}#primary-canvas--content--text p{color:var(--comic-ink);margin:.25rem 0;font-size:.8rem}#primary-canvas--content--text a{color:var(--comic-blue);pointer-events:auto;text-underline-offset:.16em;text-decoration:underline}#primary-canvas--content--text a:hover{color:var(--comic-ink)}#primary-canvas--content--canvas-container{z-index:8;width:100%;height:100%;position:absolute;top:0;left:0}#primary-canvas--content--canvas-container canvas{width:100%;height:100%;display:block}#primary-canvas--content .primary-canvas-loading{z-index:10;color:var(--text-muted);pointer-events:none;place-items:center;font-family:Space Mono,monospace;font-size:.85rem;display:grid;position:absolute;inset:0}@media screen and (width>=768px){#primary-canvas{width:calc(100vw - 33.33%);min-width:calc(100vw - 300px)}}#modal-tabs{background:var(--comic-paper-deep);border-bottom:3px solid var(--comic-ink);flex-shrink:0;gap:6px;padding:.5rem 1.25rem 0;display:flex}#modal-tabs>div{letter-spacing:.03em;color:var(--comic-ink);cursor:pointer;border:2px solid var(--comic-ink);background:#fff;border-bottom:none;padding:.45rem .85rem;font-size:.78rem;font-weight:600;transition:color .15s,background .15s;position:relative;bottom:0}#modal-tabs>div:hover{color:var(--comic-ink);background:var(--comic-yellow)}#modal-tabs>div.active-modal-tab{color:#fff;background:var(--comic-red);text-shadow:1px 1px 0 var(--comic-ink)}.modal-container{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12100e8c;justify-content:center;width:100vw;height:100vh;padding-top:60px;display:flex;position:fixed;top:0;left:0}.modal-container .modal-inner{border:4px solid var(--comic-ink);background:#fff;flex-direction:column;width:85%;max-width:820px;max-height:calc(100vh - 100px);animation:.25s ease-out both fadeInUp;display:flex;overflow:hidden;box-shadow:10px 10px #12100e4d}.modal-container .modal-inner-header{border-bottom:3px solid var(--comic-ink);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;display:flex}.modal-container .modal-inner-header span:first-child{letter-spacing:.05em;text-transform:uppercase;color:var(--comic-ink);font-size:.78rem;font-weight:700}.modal-container .modal-inner-header .close-modal{border:2px solid var(--comic-ink);width:28px;height:28px;box-shadow:2px 2px 0 var(--comic-ink);color:var(--comic-ink);cursor:pointer;background:#fff;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:background .15s,color .15s,transform .1s,box-shadow .1s;display:flex}.modal-container .modal-inner-header .close-modal:hover{background:var(--comic-red);color:#fff;box-shadow:1px 1px 0 var(--comic-ink);transform:translate(1px,1px)}.modal-container .modal-inner-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.modal-container .modal-inner-content--tab-content{scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent;flex:1;padding:1rem 1.25rem 1.5rem;overflow-y:auto}.modal-container .modal-inner-content--tab-content::-webkit-scrollbar{width:5px}.modal-container .modal-inner-content--tab-content::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}.modal-container .modal-inner-content--tab-content pre{background:var(--screen-bg);border:3px solid var(--comic-ink);box-shadow:4px 4px 0 var(--comic-ink);color:var(--text-code);white-space:pre-wrap;word-break:break-word;margin-bottom:1rem;padding:1.25rem 1.5rem;font-family:Fira Code,Cascadia Code,Menlo,Monaco,Courier New,monospace;font-size:.8rem;line-height:1.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.example-page-checklist{background:var(--comic-paper-deep);border-right:3px solid var(--comic-ink)}.example-page-checklist .checklist-filter{z-index:2;background:var(--comic-paper-deep);border-bottom:2px solid var(--comic-ink);padding:.55rem .75rem;position:sticky;top:0}.example-page-checklist .checklist-filter input{border:2px solid var(--comic-ink);width:100%;color:var(--comic-ink);box-shadow:2px 2px 0 var(--comic-ink);background:#fff;border-radius:0;padding:.4rem .65rem;font-family:inherit;font-size:.85rem;transition:box-shadow .12s}.example-page-checklist .checklist-filter input::placeholder{color:#8a8071}.example-page-checklist .checklist-filter input:focus{box-shadow:2px 2px 0 var(--comic-blue);outline:none}.example-page-checklist .checklist-no-matches{color:var(--text-muted);padding:.9rem 1rem;font-size:.85rem}.example-page-checklist .checklist-category{background:var(--bg-surface);color:var(--comic-ink);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-bottom:2px solid var(--comic-ink);justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.72rem;font-weight:700;transition:color .15s,background .15s;display:flex}.example-page-checklist .checklist-category:hover{color:var(--comic-ink);background:var(--comic-yellow)}.example-page-checklist .checklist-category .category-count{border:2px solid var(--comic-ink);color:var(--comic-ink);background:#fff;border-radius:999px;margin-left:auto;margin-right:.45rem;padding:.05rem .38rem;font-family:Space Mono,monospace;font-size:.68rem}.example-page-checklist .checklist-category+.inner-checklist{max-height:0;font-size:0;transition:none;overflow:hidden}.example-page-checklist .checklist-category.open{color:var(--comic-ink);background:var(--comic-yellow);border-left:5px solid var(--comic-red);padding-left:calc(1rem - 5px)}.example-page-checklist .checklist-category.open .category-count{color:var(--comic-ink);border-color:var(--comic-ink)}.example-page-checklist .checklist-category.open+.inner-checklist{max-height:1400px;font-size:1rem;transition:max-height .5s}.example-page-checklist .checklist-category.open+.inner-checklist .individual-checklist-item{background:var(--bg-surface);border-bottom:1px solid var(--border);transition:background .12s}.example-page-checklist .checklist-category.open+.inner-checklist .individual-checklist-item:hover{background:#fff}.example-page-checklist .checklist-category.open+.inner-checklist .individual-checklist-item .checklist-div{cursor:pointer;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;padding:.45rem .75rem .5rem .9rem;display:flex;position:relative}.example-page-checklist .checklist-category.open+.inner-checklist .individual-checklist-item .checklist-div.active .link-name{color:var(--comic-red)}.example-page-checklist .checklist-category.open+.inner-checklist .individual-checklist-item .checklist-div .example-checklist-link{width:100%;display:block}.example-page-checklist .checklist-category.open+.inner-checklist .individual-checklist-item .checklist-div .link-name{color:var(--comic-ink);font-size:.85rem;font-weight:500;transition:color .12s}.example-page-checklist .checklist-category.open+.inner-checklist .individual-checklist-item .checklist-div .example-checklist-actions{flex-wrap:wrap;gap:.45rem;display:flex}.example-page-checklist .checklist-category.open+.inner-checklist .individual-checklist-item .checklist-div .checklist-mini-link{border:2px solid var(--comic-ink);color:var(--comic-ink);background:#fff;border-radius:999px;align-items:center;padding:.16rem .45rem;font-family:Space Mono,monospace;font-size:.68rem;line-height:1.2;transition:background .12s;display:inline-flex}.example-page-checklist .checklist-category.open+.inner-checklist .individual-checklist-item .checklist-div .checklist-mini-link:hover{color:var(--comic-ink);border-color:var(--comic-ink);background:var(--comic-yellow)}.example-page-checklist .checklist-category.open+.inner-checklist .individual-checklist-item .checklist-div .hover-anim{display:none}@media screen and (width>=768px){.example-page-checklist{width:33.33%;min-width:220px;max-width:300px;height:calc(100vh - var(--menu-height) - var(--footer-height));scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent;overflow:hidden auto}.example-page-checklist::-webkit-scrollbar{width:4px}.example-page-checklist::-webkit-scrollbar-track{background:0 0}.example-page-checklist::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}}#example-page{width:100vw;position:relative;top:50px}@media screen and (width>=768px){#example-page{display:flex;position:fixed}}