body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0d0f1ad9;border-bottom:1px solid var(--border);box-shadow:0 1px 24px #0006;justify-content:space-between;position:fixed;width:100vw;z-index:999}nav,nav h1{align-items:center;display:flex;height:var(--menu-height)}nav h1{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;padding:0 1.25rem;position:relative;z-index:900}nav h1 a{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent),#c4b5fd);-webkit-background-clip:text;background-clip:text;color:var(--text)}nav #hamburger{border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:6px;position:absolute;right:14px;transition:background .15s;z-index:1000}nav #hamburger:hover{background:var(--bg-elevated)}nav #hamburger.collapsed span:first-child{transform:rotate(-45deg) translate(-5px,6px)}nav #hamburger.collapsed span:nth-child(2){opacity:0;transform:scaleX(0)}nav #hamburger.collapsed span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}nav #hamburger span{background-color:var(--text);border-radius:2px;display:block;height:2px;transition:transform .3s ease,opacity .3s ease;width:22px}nav #nav-links{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0f1af7;border-bottom:1px solid var(--border);display:flex;flex-direction:column;left:0;position:absolute;top:-400px;transition:top .35s cubic-bezier(.4,0,.2,1);width:100vw;z-index:900}nav #nav-links.collapsed{top:var(--menu-height)}nav #nav-links a{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.95rem;padding:.85rem 1.5rem;text-align:center}nav #nav-links a:hover{color:var(--text)}nav a{color:var(--text-muted);font-size:.875rem;margin:0 .25rem;padding:0 .5rem;transition:color .15s}nav a:hover{color:var(--text)}@media screen and (min-width:768px){nav h1{border:none;padding-right:0;width:auto}nav #hamburger{display:none}nav #nav-links{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;display:flex;flex-direction:row;justify-content:flex-end;position:relative;top:0;width:auto}nav #nav-links a{border:none;padding:0 .85rem;text-align:left}nav #nav-links a:hover{background:none;color:var(--text)}}#home-page{display:flex;height:calc(100vh - var(--menu-height));position:fixed;top:var(--menu-height);width:100vw}#home-page--canvas-container{background:var(--bg);height:100%;left:0;position:absolute;top:0;width:100vw;z-index:0}#home-page--text-container{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100vw;z-index:1}#home-page--text-container_inner{max-width:600px;padding:2rem;text-align:center}#home-page--text-container_inner h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.04em;line-height:1.15;margin-bottom:1rem}#home-page--text-container_inner p{color:var(--text-muted);font-size:1.05rem;line-height:1.65;margin:.5rem 0}#home-page--text-container_inner a{-webkit-text-fill-color:#fff;background:var(--accent);border-radius:10px;box-shadow:0 4px 20px var(--accent-glow);color:#fff;display:inline-block;font-size:.95rem;font-weight:700;letter-spacing:.01em;margin-top:1.75rem;padding:.7rem 1.75rem;transition:opacity .2s,transform .2s,box-shadow .2s}#home-page--text-container_inner a:hover{box-shadow:0 8px 28px var(--accent-glow);opacity:.9;transform:translateY(-2px)}#about-wrapper{position:relative;top:50px}#about-wrapper--inner{color:var(--text);margin:0 auto;max-width:680px;padding:24px 24px 64px;text-align:left}#about-wrapper--inner h2{color:var(--accent);font-size:1rem;font-weight:700;letter-spacing:.04em;margin:2rem 0 .5rem;text-transform:uppercase}#about-wrapper--inner h2:first-child{margin-top:0}#about-wrapper--inner p{color:var(--text-muted);font-size:.95rem;line-height:1.75;margin:0 0 .75rem}#primary-canvas{display:flex;flex:1 1;flex-direction:column;position:relative}#primary-canvas--header{align-items:flex-end;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;padding:.75rem 1rem;position:absolute;right:0;top:0;z-index:500}#primary-canvas--header_extra_html{display:flex;justify-content:flex-end;text-align:right}#primary-canvas--content{background:var(--bg);height:calc(100vh - var(--menu-height));position:relative;width:100%}#primary-canvas--content--text{left:0;padding:1rem;pointer-events:none;position:absolute;top:0;z-index:9}#primary-canvas--content--text h3{color:var(--accent);font-size:.85rem;font-weight:700;letter-spacing:.04em;margin:0 0 .25rem;text-shadow:0 0 20px var(--accent-glow);text-transform:uppercase}#primary-canvas--content--text p{color:var(--text-muted);font-size:.8rem;margin:.25rem 0}#primary-canvas--content--canvas-container{height:calc(100vh - var(--menu-height));left:0;position:absolute;top:0;width:100%;z-index:8}#primary-canvas--content--canvas-container canvas{display:block;height:100%;width:100%}@media screen and (min-width:768px){#primary-canvas{min-width:calc(100vw - 300px);width:calc(100vw - 33.33%)}}#modal-tabs{background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:2px;padding:.5rem 1.25rem 0}#modal-tabs>div{border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;bottom:-1px;color:var(--text-muted);cursor:pointer;font-size:.78rem;font-weight:600;letter-spacing:.03em;padding:.45rem .85rem;position:relative;transition:color .15s,background .15s}#modal-tabs>div:hover{background:var(--bg-elevated);color:var(--text)}#modal-tabs>div.active-modal-tab{background:var(--bg);border-color:var(--border-bright);border-bottom-color:var(--bg);color:var(--accent)}.modal-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;padding-top:60px;position:fixed;top:0;width:100vw;z-index:1000}.modal-container .modal-inner{animation:fadeInUp .25s ease-out both;background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:14px;box-shadow:0 24px 64px #0009,0 0 0 1px #ffffff0a;display:flex;flex-direction:column;max-height:calc(100vh - 100px);max-width:820px;overflow:hidden;width:85%}.modal-container .modal-inner-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem .75rem}.modal-container .modal-inner-header span:first-child{color:var(--text-muted);font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.modal-container .modal-inner-header .close-modal{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:.85rem;height:28px;justify-content:center;transition:background .15s,color .15s,border-color .15s;width:28px}.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:1 1;flex-direction:column;overflow:hidden}.modal-container .modal-inner-content--tab-content{flex:1 1;overflow-y:auto;padding:1rem 1.25rem 1.5rem;scrollbar-color:var(--border-bright) #0000;scrollbar-width:thin}.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(--code-bg);border:1px solid var(--border);border-radius:10px;color:var(--text-code);font-family:Fira Code,Cascadia Code,Menlo,Monaco,Courier New,monospace;font-size:.8rem;line-height:1.7;margin-bottom:1rem;padding:1.25rem 1.5rem;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-category{align-items:center;background:var(--bg-elevated);border-bottom:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:flex;font-size:.72rem;font-weight:700;justify-content:space-between;letter-spacing:.08em;padding:.6rem 1rem;text-transform:uppercase;transition:color .15s,background .15s}.example-page-checklist .checklist-category:hover{background:#818cf81a;color:var(--text)}.example-page-checklist .checklist-category+.inner-checklist{font-size:0;max-height:0;overflow:hidden;transition:none}.example-page-checklist .checklist-category+.inner-checklist input{display:none}.example-page-checklist .checklist-category.open{background:var(--accent-dim);border-left:2px solid var(--accent);color:var(--accent);padding-left:calc(1rem - 2px)}.example-page-checklist .checklist-category.open+.inner-checklist{font-size:1rem;max-height:600px;transition:max-height .5s ease}.example-page-checklist .checklist-category.open+.inner-checklist input{display:inline-block}.example-page-checklist .checklist-category.open+.inner-checklist .individual-checklist-item{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border);cursor:pointer;display:flex;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 input{accent-color:var(--accent);display:block;margin:0 .4rem 0 .9rem}.example-page-checklist .checklist-category.open+.inner-checklist .individual-checklist-item .checklist-div{position:relative;width:100%}.example-page-checklist .checklist-category.open+.inner-checklist .individual-checklist-item .checklist-div.active .link-name{color:var(--accent)}.example-page-checklist .checklist-category.open+.inner-checklist .individual-checklist-item .checklist-div .link-name{color:var(--text-muted);font-size:.85rem;font-weight:500;padding:.45rem .75rem .45rem .4rem;transition:color .12s}.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{height:calc(100vh - var(--menu-height));max-width:300px;min-width:220px;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--border-bright) #0000;scrollbar-width:thin;width:33.33%}.example-page-checklist::-webkit-scrollbar{width:4px}.example-page-checklist::-webkit-scrollbar-track{background:#0000}.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}}#create-json{padding-top:50px;position:relative;top:50px;width:100%}#create-json #download-bar{align-items:center;display:flex;gap:.75rem;justify-content:flex-end;padding:.5rem 0 .75rem}#create-json #download-bar #download-bar-count{color:var(--text-muted);font-size:.82rem}#create-json #create-json-tabs{margin:0 auto;width:100%}#create-json #create-json-container{margin:0 20px}#create-json #create-json-container .tab-content{background:var(--bg);border:1px solid var(--border);border-radius:0 0 8px 8px;border-top:none;color:var(--text);display:none;margin:0 auto;padding:14px;width:100%}#create-json #create-json-container .tab-content button{float:right}#create-json #create-json-container .tab-content pre{background:var(--code-bg);border-radius:6px;color:var(--text-code);font-size:.75rem;line-height:1.5;overflow-x:auto;padding:10px}#create-json #create-json-container .tab-content.active{display:block}#create-json .checklist-category{background:var(--bg-elevated);border-top-left-radius:5px;border-top-right-radius:5px;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:.3rem .6rem;text-transform:uppercase}#create-json .individual-checklist-item{padding:.25rem .5rem}#create-json .individual-checklist-item input{margin-right:.5rem}#create-json .open-indicator{display:none}#create-json-tabs{background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;padding:0 .75rem}#create-json-tabs div{background:#0000;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;bottom:-1px;color:var(--text-muted);cursor:pointer;font-size:.78rem;font-weight:600;letter-spacing:.03em;margin:0 2px 0 0;padding:.45rem .9rem;position:relative;transition:color .15s,background .15s}#create-json-tabs div:hover{background:var(--bg-elevated);color:var(--text)}#create-json-tabs div.active-tab{background:var(--bg);border-color:var(--border-bright);border-bottom-color:var(--bg);color:var(--accent)}*{box-sizing:border-box;margin:0;padding:0}:root{--menu-height:50px;--bg:#0d0f1a;--bg-surface:#161929;--bg-elevated:#1e2235;--border:#ffffff12;--border-bright:#ffffff24;--accent:#818cf8;--accent-dim:#818cf826;--accent-glow:#818cf840;--text:#e2e4f0;--text-muted:#8890b0;--text-code:#a5b4fc;--code-bg:#090b13;--green:#34d399;--red:#f87171;--site-gray:#ffffff8c;--site-light-gray:#ffffff12;--site-blue:var(--accent)}body{background-color:#0d0f1a;background-color:var(--bg);color:#e2e4f0;color:var(--text);font-size:16px;line-height:1.6}a{color:#818cf8;color:var(--accent);font-weight:600;text-decoration:none;transition:color .15s}a:hover{text-decoration:none}a:hover,button{color:#e2e4f0;color:var(--text)}button{background:#1e2235;background:var(--bg-elevated);border:1px solid #ffffff24;border:1px solid var(--border-bright);border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:.45rem 1.1rem;transition:background .15s,border-color .15s,box-shadow .15s}button:hover{background:#818cf826;background:var(--accent-dim);box-shadow:0 0 0 3px #818cf840;box-shadow:0 0 0 3px var(--accent-glow)}.btn-primary,button:hover{border-color:#818cf8;border-color:var(--accent)}.btn-primary{color:#fff}.btn-primary,.btn-primary:hover{background:#818cf8;background:var(--accent)}.btn-primary:hover{box-shadow:0 0 0 3px #818cf840;box-shadow:0 0 0 3px var(--accent-glow);opacity:.88}.btn-secondary{background:#1e2235;background:var(--bg-elevated);border-color:#ffffff24;border-color:var(--border-bright);color:#8890b0;color:var(--text-muted)}.btn-secondary:hover{background:#818cf826;background:var(--accent-dim);border-color:#818cf8;border-color:var(--accent);box-shadow:0 0 0 3px #818cf840;box-shadow:0 0 0 3px var(--accent-glow);color:#e2e4f0;color:var(--text)}pre{white-space:pre-wrap}.text-container-div{min-height:500px}
/*# sourceMappingURL=main.2d4d7ee3.css.map*/