body,html{height:100vh;margin:0;overflow:hidden;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#fff 0,#4a90e2 50%,#4a90e2);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}image,img,svg image{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.circle-background{cursor:pointer;transition:all .3s ease-in-out}.circle-background:hover{fill:#4fa8c5;stroke:#1a1a1a;stroke-width:6;filter:drop-shadow(0 4px 8px rgba(97,218,251,.4))}.special-circle-background{cursor:pointer;transition:all .3s ease-in-out}.special-circle-background:hover{fill:#fa0;stroke:#1a1a1a;stroke-width:6;filter:drop-shadow(0 4px 8px rgba(255,204,0,.4))}.inner-circle{cursor:pointer;transition:all .3s ease-in-out}.inner-circle:hover{fill:#ffd93d;stroke:#ff6b6b;stroke-width:4;filter:drop-shadow(0 2px 6px rgba(255,217,61,.6))}.tile{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.tile-clickable,.tile-group-hover-area{cursor:pointer}.tile-group-glow{filter:drop-shadow(0 0 8px black)}.tile-group-glow-white{filter:drop-shadow(0 0 8px white)}.tile-group-darkened{filter:brightness(.6);filter:brightness(var(--darkening-amount,.6))}.group-text{fill:#fff;text-anchor:middle;dominant-baseline:hanging;font-family:Courier New,monospace;font-size:20px;font-weight:700;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.group-text-glow{filter:drop-shadow(0 0 6px white)}.pixel-square{shape-rendering:crispEdges;image-rendering:pixelated}.tile-loading{stroke:#fff3;stroke-width:1;opacity:.5}.sidebar-description-container{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#00000040;border:4px solid hsla(0,0%,100%,.666);flex:1 1;margin-left:0;padding:16px}.sidebar-description{color:#fff;font-weight:700;letter-spacing:.5px;margin-bottom:0;margin-top:0;text-align:left}.registry-nav .registry-item:last-child{margin-bottom:8px}.left-sidebar{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000040;border-right:1px solid #000;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;z-index:100}.left-sidebar,.sidebar-content{box-sizing:border-box;display:flex}.sidebar-content{flex:1 1;flex-direction:column;gap:20px;min-height:0;padding:20px 20px 24px}.default-sidebar-content h3,.registry-sidebar-content h3{color:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.05em;margin:0;padding-bottom:12px;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;gap:12px;margin:16px 0 0}.sidebar-nav li{background:#fff;border:4px solid #000;border-radius:0;color:#000;display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:space-between;transition:border-color .12s ease-out,color .12s ease-out,background-color .12s ease-out,transform 60ms ease-out}.registry-nav .registry-item,.sidebar-nav li{align-items:center;font-size:1.2rem;font-weight:700;padding:14px 16px}.registry-nav .registry-item{grid-gap:10px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#00000040;border:4px solid hsla(0,0%,100%,.666);border-radius:0;color:#fff;cursor:pointer;display:grid;gap:10px;grid-template-columns:10px 1fr auto;transition:border-color .12s ease-out,color .12s ease-out,background-color .12s ease-out}.registry-nav .registry-item:hover{background:hsla(0,0%,100%,.666);border-color:hsla(0,0%,100%,.666);color:#000}.registry-nav .registry-item.selected{background:#fff;border-color:#fff;color:#000}.registry-item-indicator{border-left:2px solid;height:100%;width:8px}.left-sidebar.width-px{width:400px}.left-sidebar::-webkit-scrollbar{width:6px}.left-sidebar::-webkit-scrollbar-track{background:#0000}.left-sidebar::-webkit-scrollbar-thumb{background:#ddd}.left-sidebar::-webkit-scrollbar-thumb:hover{background:#4a90e2}@keyframes zoomToSpecial{0%{transform:scale(1) translateX(0) translateY(0)}to{transform:scale(2.5) translateX(-120px) translateY(-20px);transform:scale(var(--zoom-scale,2.5)) translateX(var(--zoom-translate-x,-120px)) translateY(var(--zoom-translate-y,-20px))}}@keyframes zoomToOther{0%{transform:scale(2.5) translateX(-120px) translateY(-20px);transform:scale(var(--zoom-scale-prev,2.5)) translateX(var(--zoom-translate-x-prev,-120px)) translateY(var(--zoom-translate-y-prev,-20px))}to{transform:scale(2.5) translateX(-20px) translateY(-20px);transform:scale(var(--zoom-scale,2.5)) translateX(var(--zoom-translate-x,-20px)) translateY(var(--zoom-translate-y,-20px))}}@keyframes noOp{0%{transform:scale(2.5) translateX(-120px) translateY(-20px);transform:scale(var(--zoom-scale-prev,2.5)) translateX(var(--zoom-translate-x-prev,-120px)) translateY(var(--zoom-translate-y-prev,-20px))}to{transform:scale(2.5) translateX(-120px) translateY(-20px);transform:scale(var(--zoom-scale-prev,2.5)) translateX(var(--zoom-translate-x-prev,-120px)) translateY(var(--zoom-translate-y-prev,-20px))}}@keyframes zoomOut{0%{transform:scale(2.5) translateX(-120px) translateY(-20px);transform:scale(var(--zoom-scale,2.5)) translateX(var(--zoom-translate-x,-120px)) translateY(var(--zoom-translate-y,-20px))}to{transform:scale(1) translateX(0) translateY(0)}}.home-svg.zoomed-to-special{animation:zoomToSpecial 1.2s cubic-bezier(.4,0,.2,1) forwards}.home-svg.zoomed-to-other,.home-svg.zoomed-to-special{transform-origin:50% 50%;transform-origin:var(--transform-origin-x,50%) var(--transform-origin-y,50%)}.home-svg.zoomed-to-other{animation:zoomToOther 1.2s cubic-bezier(.4,0,.2,1) forwards}.home-svg.zoom-out{animation:zoomOut 1.2s cubic-bezier(.4,0,.2,1) forwards}.home-svg.no-op,.home-svg.zoom-out{transform-origin:50% 50%;transform-origin:var(--transform-origin-x,50%) var(--transform-origin-y,50%)}.home-svg.no-op{animation:noOp 1.2s cubic-bezier(.4,0,.2,1) forwards}.svg-container{--zoom-scale:1.0;--zoom-translate-x:-120px;--transform-origin-x:50%;--transform-origin-y:50%;height:100%;overflow:hidden;position:relative;width:100%}.svg-container svg{overflow:visible;transform-origin:center}.foreign-object-base{background-color:initial;border:none;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100%;margin:0;overflow:hidden;transition:all .3s ease;width:100%}.foreign-object-base.header-only{align-items:center;justify-content:center;margin:0;pointer-events:none;text-align:center}.foreign-object-base.expanded{box-sizing:border-box;gap:3px;padding:2px 1px 1px;pointer-events:auto}.foreign-object-base.expanded.clipped{overflow:hidden;position:relative}.header-text{margin:2px 0}.scroll-wrapper{height:100%;position:relative;width:100%}.scroll-arrow{align-items:center;background:#ffffff26;border:1px solid #fff6;color:#fff;cursor:pointer;display:flex;font-size:6px;height:10px;justify-content:center;position:absolute;right:0;text-shadow:1px 1px 2px #000;transition:background .2s ease;width:10px;z-index:10}.scroll-arrow:hover{background:#ffffff4d}.scroll-arrow.up{top:0}.scroll-arrow.down{bottom:0}.main-container{flex:1 1;margin:0;overflow-x:hidden;overflow-y:auto;padding-bottom:12px;padding-top:12px;padding:1px}.main-container::-webkit-scrollbar{width:4px}.main-container::-webkit-scrollbar-track{background:#0000}.main-container::-webkit-scrollbar-thumb{background:#ddd}.main-container::-webkit-scrollbar-thumb:hover{background:#4a90e2}.card-item{background:rgba(0,0,0,.275);border:1px solid #ffffffb3;margin:0 0 1px;overflow:visible;padding:1px;transition:all .3s ease}.card-item:hover{background:rgba(0,0,0,.434);border-color:#ffffffe6}.card-header{background:#0000;cursor:pointer;justify-content:space-between;padding:4px;transition:all .2s ease}.card-header,.card-main{align-items:center;display:flex}.card-main{flex:1 1;flex-direction:row;gap:6px}.duration{color:#aaa;font-size:4px;opacity:.8}.card-details{animation:slideDown .3s ease;background:#0000001a;border-top:1px solid #ffffff1a;padding:4px 6px}@keyframes slideDown{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}to{max-height:300px;opacity:1;padding-bottom:6px;padding-top:6px}}.description{margin-bottom:4px;text-align:left}.description-item{color:#e0e0e0;font-size:4px;line-height:1.25;margin-bottom:1px;text-align:left;text-shadow:1px 1px 2px #00000080}.tag-section{display:flex;flex-direction:column;gap:1px;text-align:left}.tag-label{color:#ccc;font-size:4px;font-weight:700;margin-bottom:2px;text-align:left}.tag-container{display:flex;flex-wrap:wrap;gap:2px}.tag-base{border-style:solid;border-width:1px;color:#fff;font-size:3px;font-weight:500;padding:1px 2px;text-shadow:1px 1px 1px #000000b3;transition:all .2s ease}.section-title{font-size:6px;font-weight:700;letter-spacing:.8px;margin:2px 0;text-align:center;text-shadow:1px 1px 2px #000c}.project-category-title{border-bottom:1px solid #90ee904d;color:#90ee90;padding-bottom:1px}.section-items{padding:1px}.primary-text{color:#fff;font-size:6px;font-weight:700;margin:0;text-shadow:1px 1px 2px #000000b3}.secondary-text{color:#ccc;font-size:5px;font-style:italic;margin:0}.detail-item{color:#e0e0e0;font-size:4px;line-height:1.25;margin-bottom:1px;text-align:left;text-shadow:1px 1px 2px #00000080}.detail-item strong{color:#fff;font-weight:700}.academic-section-title{color:#fd4}.professional-foreign-object{background-color:initial;border:none;border-radius:0;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100%;overflow:hidden;transition:all .3s ease;width:100%}.professional-foreign-object.header-only{align-items:center;justify-content:center;pointer-events:none;text-align:center}.bounds-info{color:#ccc;font-size:8px;opacity:.6}.company{color:#fff;font-size:6px;font-weight:700;text-shadow:1px 1px 2px #000000b3}.role{color:#ccc;font-size:5px;font-style:italic}.chevron{color:#ccc;font-size:4px;margin-left:6px;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.chevron.rotated{transform:rotate(180deg)}.technologies{display:flex;flex-direction:column;gap:0;text-align:left}.video-container{display:flex;justify-content:center;margin-bottom:8px;width:100%}.video-container iframe{border-radius:4px;height:112px;width:200px}.links-section{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.project-link{background:#222;border:1px solid #444;border-radius:4px;color:#fff;font-size:9px;padding:3px 6px;text-decoration:none;transition:.15s ease}.project-link:hover{background:#444;border-color:#666}.category-section{margin-bottom:8px}.title-status{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:6px}.status{border-radius:2px;font-size:4px;font-weight:500;letter-spacing:.3px;padding:1px 4px;text-transform:uppercase}.status-active{background:#32cd324d;border:1px solid #32cd3280;color:#32cd32}.status-production{background:#00bfff4d;border:1px solid #00bfff80;color:#00bfff}.status-research{background:#ffa5004d;border:1px solid #ffa50080;color:orange}.status-deployed{background:#8a2be24d;border:1px solid #8a2be280;color:#8a2be2}.company-role,.institution-degree{align-items:center;display:flex;flex-direction:row;gap:6px}.personal-foreign-object{background-color:initial;border:none;border-radius:8px;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;overflow:hidden;transition:all .3s ease}.personal-foreign-object.header-only{align-items:center;justify-content:center;pointer-events:none;text-align:center}.header-text{color:#fff;font-size:8px;font-weight:700;letter-spacing:1.2px;margin-bottom:4px;margin-top:8px;text-align:center;text-shadow:2px 2px 4px #000c}.foreign-object-size{height:100%;width:100%}:root{--riley-blue:#fff}.profile-section{align-items:center;display:flex;flex-direction:column;padding:20px 0 0}.greeting-bubble{display:block!important;margin-top:10px!important}.top-row{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.profile-picture-wrapper{height:180px;position:relative;width:180px}.profile-picture{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-picture-wrapper:before{border:5px solid #fff;border-left-color:#0000;border-color:var(--riley-blue) var(--riley-blue) var(--riley-blue) #0000;border-radius:50%;content:"";inset:-10px;position:absolute;transform:rotate(-25deg)}.profile-picture-wrapper:after{border:8px solid #fff;border-radius:50%;border-top-color:#0000;content:"";inset:-20px;position:absolute;transform:rotate(30deg)}.profile-links-vertical{display:flex;flex-direction:column;gap:20px;position:absolute;right:0}.profile-icon{color:var(--riley-blue);color:#fff;font-size:2.8rem;transition:.15s ease}.profile-icon:hover{accent-color:#fff;accent-color:var(--riley-blue);transform:scale(1.08)}.left-label{font-family:Arial,sans-serif;font-size:1.17rem;left:-110px;letter-spacing:.2rem;position:absolute;top:100%;transform:translateY(-50%) rotate(-90deg)}.left-label,.profile-name{color:#000;font-weight:700}@media (max-width:700px){.profile-links-vertical{flex-direction:row;justify-content:center;margin-top:20px;position:static}.profile-text{font-size:2.6rem}}.profile-line{letter-spacing:1.5px}.home-container{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;height:100vh;justify-content:flex-start;overflow:hidden;padding:0}.svg-world{flex:1 1;height:auto;overflow:hidden}.sidebar-custom-content{height:100%}.sidebar-custom-content h3{border-bottom:2px solid #e9ecef;color:#343a40;font-size:1.2rem;margin-bottom:20px;margin-top:0;padding-bottom:10px}.sidebar-nav{list-style:none;margin:0 0 30px;padding:0}.sidebar-nav li{border-bottom:1px solid #e9ecef;border-radius:4px;color:#495057;cursor:pointer;margin-bottom:5px;padding:10px 0;transition:all .2s ease}.sidebar-nav li:last-child{border-bottom:none}.sidebar-info{background-color:#007bff0d;border:1px solid #007bff1a;border-radius:8px;margin-top:30px;padding:15px}.sidebar-info h4{color:#007bff;font-size:1rem;margin-bottom:15px;margin-top:0}.sidebar-info p{color:#495057;font-size:.9rem;margin:8px 0}@media (max-width:768px){.home-container{flex-direction:column;height:auto}.svg-world{height:calc(100vh - 200px)}.sidebar-custom-content{height:auto}.sidebar-info{margin-top:20px}}.home-container.loading{align-items:center;justify-content:center}.loading-message{background:#ffffffe6;border-radius:10px;box-shadow:0 2px 10px #0000001a;color:#282c34;font-size:18px}.error-message{background:#ffc107e6;border:1px solid #ffc1074d;border-radius:5px;box-shadow:0 2px 10px #0000001a;color:#856404;font-size:14px;max-width:300px;padding:10px 15px;position:fixed;right:20px;top:80px;z-index:1001}.home-title{color:#282c34;margin-bottom:0}.home-svg{overflow:visible}.home-description{color:#666;font-size:18px;max-width:400px;text-align:center}.block-palette{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;margin-bottom:20px;padding:20px}.palette-title{color:#fff;font-size:1.2rem;margin:0 0 15px;text-align:center}.loading-message{color:#ffffffb3;font-style:italic;padding:20px;text-align:center}.search-container{margin-bottom:15px}.search-input-wrapper{margin-bottom:8px;position:relative}.search-input{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:6px;box-sizing:border-box;color:#fff;font-size:14px;padding:10px 40px 10px 12px;transition:all .2s ease;width:100%}.search-input::placeholder{color:#fff9}.search-input:focus{background:#ffffff26;border-color:#fff9;outline:none}.search-input.error{background:#ff6b6b1a;border-color:#ff6b6b}.clear-search-btn{background:none;border:none;border-radius:3px;color:#fff9;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease}.clear-search-btn:hover{background:#ffffff1a;color:#ffffffe6}.search-error{color:#ff6b6b;font-size:12px;margin-bottom:5px;text-align:center}.search-info{color:#ffffffb3;font-size:11px;line-height:1.3;text-align:center}.search-examples{color:#ffffff80;display:block;font-style:italic;margin-top:2px}.no-results{color:#fff9;font-style:italic;grid-column:1/-1;padding:20px;text-align:center}.palette-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));max-height:200px;overflow-y:auto}.palette-block{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:4px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:2px;transition:all .2s ease;width:40px}.palette-block:hover{background:#fff3;border-color:#fff9;transform:scale(1.05)}.palette-block.selected{background:#4caf504d;border-color:#4caf50;box-shadow:0 0 10px #4caf5080}.palette-block-image{height:32px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;width:32px}.palette-grid::-webkit-scrollbar{width:8px}.palette-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.palette-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.palette-grid::-webkit-scrollbar-thumb:hover{background:#ffffff80}.block-canvas-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;margin-bottom:20px;padding:20px}.canvas-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.canvas-controls h3{color:#fff;font-size:1.2rem;margin:0}.clear-button{background:#fff3;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .2s ease}.clear-button:hover{background:#ffffff4d;border-color:#ffffff80}.block-canvas{background:#2a2a2a;border:2px solid #ffffff4d;border-radius:5px;cursor:crosshair;height:1024px;margin:0 auto;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:1024px}.grid-cell{border:1px solid #ffffff1a;box-sizing:border-box}.grid-cell,.placed-block{height:32px;pointer-events:none;position:absolute;width:32px}.placed-block{z-index:10}.block-image{display:block;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;width:100%}.canvas-info{margin-top:10px;text-align:center}.canvas-info p{color:#fffc;font-size:.9rem;margin:5px 0}@media (max-width:768px){.block-canvas-container{padding:15px}.block-canvas{transform:scale(.8);transform-origin:center}.canvas-controls{align-items:center;flex-direction:column;gap:10px}}.export-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;padding:20px}.export-panel h3{color:#fff;font-size:1.2rem;margin:0 0 15px;text-align:center}.export-panel h4{color:#fff;font-size:1rem;margin:20px 0 10px}.export-stats{margin-bottom:15px}.export-stats p{color:#fffc;font-size:.9rem;margin:5px 0;text-align:center}.export-actions{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.export-button{background:#fff3;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 16px;transition:all .2s ease}.export-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.copy-btn:hover{background:#4caf504d;border-color:#4caf5080}.download-btn:hover{background:#2196f34d;border-color:#2196f380}.code-preview{margin-bottom:20px}.code-example,.json-preview{word-wrap:break-word;background:#0000004d;border:1px solid #fff3;border-radius:5px;color:#f8f8f2;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;max-height:200px;overflow-x:auto;overflow-y:auto;padding:15px;white-space:pre-wrap}.usage-instructions{margin-top:20px}.code-example::-webkit-scrollbar,.json-preview::-webkit-scrollbar{height:8px;width:8px}.code-example::-webkit-scrollbar-track,.json-preview::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.code-example::-webkit-scrollbar-thumb,.json-preview::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.code-example::-webkit-scrollbar-thumb:hover,.json-preview::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:768px){.export-actions{align-items:center;flex-direction:column}.export-button{max-width:200px;width:100%}.code-example,.json-preview{font-size:11px;padding:10px}}.second-page-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:0}.second-page-header{padding:60px 20px 40px;text-align:center}.second-page-header h1{font-size:3rem;font-weight:300;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}.second-page-header p{font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.9}.second-page-content{margin:0 auto;max-height:calc(100vh - 140px);max-width:1400px;overflow-y:auto;padding:0 20px 60px}.editor-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 400px;margin-bottom:60px}.left-panel{gap:20px}.left-panel,.right-panel{display:flex;flex-direction:column}.instructions-section{margin-bottom:60px}.instructions-section h2{font-size:2.5rem;font-weight:300;margin-bottom:1.5rem;text-align:center}.instructions-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.instruction-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:30px;transition:all .3s ease}.instruction-card:hover{background:#ffffff26;box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.instruction-card h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.instruction-card p{line-height:1.6;opacity:.9}@media (max-width:1200px){.editor-layout{gap:20px;grid-template-columns:1fr}.right-panel{order:-1}}@media (max-width:768px){.second-page-header h1{font-size:2rem}.instructions-section h2{font-size:1.8rem}.instructions-grid{gap:20px;grid-template-columns:1fr}.instruction-card{padding:20px}.second-page-content{max-height:calc(100vh - 120px);padding:0 15px 60px}}.second-page-container::-webkit-scrollbar,.second-page-content::-webkit-scrollbar{width:12px}.second-page-container::-webkit-scrollbar-track,.second-page-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:6px}.second-page-container::-webkit-scrollbar-thumb,.second-page-content::-webkit-scrollbar-thumb{background:#ffffff4d;background-clip:content-box;border:2px solid #0000;border-radius:6px}.second-page-container::-webkit-scrollbar-thumb:hover,.second-page-content::-webkit-scrollbar-thumb:hover{background:#ffffff80;background-clip:content-box}.App{position:relative;text-align:center}.page-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #0000001a;border-radius:50%;box-shadow:0 4px 20px #00000026;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:60px;z-index:1000}.page-toggle-btn:hover{background:#fff;box-shadow:0 6px 25px #0003;transform:scale(1.1)}.page-toggle-btn:active{transform:scale(.95)}.page-toggle-btn.disabled,.page-toggle-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.8a44a939.css.map*/