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