@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap");:root{--bg:#1a0d2b;--panel:#0e1627;--card:#2b1a47;--muted:#b8a4d2;--accent:#a100a1;--glass:rgba(161,0,161,.1);--text-color:#e6eef6;--font-family:"Inter",ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial;--repeat-gradient:repeating-linear-gradient(0deg,hsla(0,0%,100%,.05) 0 1px,transparent 1px 48px)}[data-theme=dark]{--bg:#071021;--panel:#0e1627;--card:#0e1627;--muted:#b0b8c4;--accent:#36b37e;--glass:hsla(0,0%,100%,.1);--text-color:#e6eef6;--repeat-gradient:repeating-linear-gradient(0deg,hsla(0,0%,100%,.05) 0 1px,transparent 1px 48px)}[data-theme=light]{--bg:#fff;--panel:#f0f0f0;--card:#f0f0f0;--muted:#666;--glass:rgba(0,0,0,.1);--text-color:#000;--repeat-gradient:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 48px)}[data-theme=grass]{--bg:#6aa84f;--panel:#5a8a40;--card:#5a8a40;--muted:#fff;--glass:hsla(0,0%,100%,.15);--text-color:#fff}[data-theme=dirt]{--bg:#7b5a35;--panel:#6a4e2d;--card:#6a4e2d;--muted:#fff;--glass:hsla(0,0%,100%,.15);--text-color:#fff}[data-theme=sky]{--bg:#3c9ee7;--panel:#2f87c4;--card:#2f87c4;--muted:#fff;--glass:hsla(0,0%,100%,.15);--text-color:#fff}.font-default{font-family:var(--font-family)}.font-minecraft{font-family:"Minecraft Ten",var(--font-family)}.font-minecrafter{font-family:"Minecrafter",var(--font-family)}.font-pressstart{font-family:Press Start\ 2P,cursive;font-size:16px}.font-vt323{font-family:VT323,monospace;font-size:16px}body{background:var(--bg);color:var(--text-color);font-family:var(--font-family);margin:0;padding:0;transition:all .3s ease}a{text-decoration:none}.card,.viewer,button,input,select{background:var(--card);border-color:var(--glass);color:var(--text-color)}.app{box-sizing:border-box;display:grid;gap:14px;grid-template-areas:"left main right" "status status status";grid-template-columns:.1fr 1fr auto;height:100vh;padding:60px 14px 14px}.app,main{background:var(--bg)}main{grid-area:main}#customize-content{margin:0 15px}.left{background:var(--panel);grid-area:left;overflow-x:hidden;overflow-y:auto;transition:width .3s ease}.left .aside-content{display:none}.left .aside-content.active{display:block}.right{border-radius:12px;grid-area:right;overflow:auto;padding:12px;width:300px}.ad-space,.right{background:var(--card)}.ad-space{border:1px solid var(--glass);border-radius:8px;color:var(--text-color);min-height:250px;padding:20px;text-align:center}header{grid-area:header}.statusbar{align-items:center;color:var(--muted);display:flex;grid-area:status;justify-content:space-between;padding:8px 12px}.card,.statusbar{background:var(--card)}.card{border:1px solid var(--glass);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3);padding:12px}.controls h3{margin:8px 0 6px}.controls h3,label{color:var(--text-color);font-size:13px}label{display:block;margin-bottom:6px}.row{align-items:center;display:flex;gap:8px}.controls-section{margin-bottom:10px}input[type=range]{accent-color:var(--accent);width:100%}input[type=number],input[type=text],select{background:var(--card);border:1px solid var(--glass);border-radius:8px;color:var(--text-color);padding:8px;width:100%}input:focus,select:focus{border-color:var(--accent);outline:none}button{background:linear-gradient(180deg,var(--accent),#2e9b67);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 10px}button.secondary{background:var(--card);border:1px solid var(--glass);color:var(--text-color)}button.small{border-radius:8px;font-size:13px;padding:6px 8px}.canvas-wrap{display:flex;flex-direction:column;gap:8px;height:calc(100vh - 124px)}.viewer{align-items:center;background:var(--bg);border-radius:10px;display:flex;flex:1;justify-content:center;overflow:hidden;position:relative}canvas#grid{background:#fff;display:block;touch-action:none}.tool-bar{align-items:center;gap:8px;justify-content:space-between}.palette,.tool-bar{display:flex;flex-wrap:wrap}.palette{gap:6px;justify-content:flex-start}.color-swatch{align-items:center;border:1px solid var(--glass);border-radius:6px;cursor:pointer;display:flex;font-weight:700;height:36px;justify-content:center;width:36px}.muted{color:var(--muted);font-size:13px}.builder-count{color:var(--muted);font-size:12px}.ghost{background:var(--card);border-radius:8px;color:var(--text-color);opacity:.9;padding:8px;position:absolute;right:10px;top:10px}.center-handle{background:var(--accent);border:2px solid var(--text-color);border-radius:50%;box-shadow:0 6px 18px rgba(0,0,0,.3);height:18px;position:absolute;touch-action:none;transform:translate(-50%,-50%);width:18px}.mini-controls{bottom:10px;display:flex;flex-direction:column;gap:6px;position:absolute;right:10px}.small-ghost{background:var(--card);border-radius:8px;color:var(--text-color);padding:6px}.toggle{gap:8px}.checkbox,.toggle{align-items:center;display:inline-flex}.checkbox{border:1px solid var(--glass);border-radius:4px;cursor:pointer;height:18px;justify-content:center;width:18px}.kbd{background:var(--card);border:1px solid var(--glass);border-radius:6px;color:var(--text-color);font-weight:600;padding:4px 6px}.toggle-btn{background:var(--accent);border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:15px;margin-bottom:8px;padding:10px;text-align:left;width:100%}.toggle-btn:hover{opacity:.95;transform:scale(1.01)}#description-module{background:var(--bg);margin:auto;width:80vw}#description-module h2,h1{color:var(--text-color);text-align:center}#description-module .guide-grid{display:grid;gap:32px;grid-template-columns:1fr 1.5fr;margin:24px 0}#description-module .faq-section,#description-module .tutorial-section,#description-module .usage-section{margin:24px 0}#description-module .tutorial-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.description-subhead{color:var(--text-color);margin-top:10px;text-align:center}#description-module .tutorial-card{background:var(--card);border:1px solid var(--glass);border-radius:8px;padding:16px;text-align:center}#description-module .tutorial-card h4{color:var(--text-color);margin:0 0 12px}#description-module .tutorial-card img{border-radius:4px;height:auto;max-width:100%}#description-module .tip-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}#description-module .tip-card{background:var(--card);border:1px solid var(--glass);border-radius:8px;color:var(--text-color);font-size:.95rem;padding:12px}#description-module .usage-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}#description-module .faq-column,#description-module .usage-column{display:flex;flex-direction:column;gap:8px}#description-module .faq-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}#description-module .guide-column{display:flex;flex-direction:column}#description-module .guide-section{border:1px solid var(--glass);border-radius:8px;margin:16px 0;transition:box-shadow .3s ease}#description-module .guide-section:hover{box-shadow:0 4px 12px hsla(0,0%,100%,.2)}#description-module summary{background:var(--card);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:1.2rem;font-weight:600;padding:16px;transition:background .3s ease}#description-module summary:hover{background:#1a263a}#description-module .guide-content{background:var(--card);border-radius:0 0 8px 8px;color:var(--text-color);padding:20px}#description-module .guide-content ul{margin-left:32px}#description-module .guide-content ul li{color:var(--text-color);margin-bottom:10px}#description-module .guide-content ul ul{list-style:circle;margin-left:36px}#description-module .guide-image{margin:20px 0;text-align:center}#description-module .guide-image img{border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.3);height:auto;max-width:100%}#description-module .guide-image figcaption{color:var(--muted);font-size:.9rem;margin-top:8px}#description-module .cta-buttons{display:flex;gap:16px;justify-content:center;margin-top:24px}#description-module .cta-button{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px 24px;transition:background .3s ease}#description-module .cta-button:hover{background:#2e9b67}@media (min-width:769px){.left,.left.active{width:320px}.right,.toggle-btn{display:block}}@media (max-width:768px){body,html{background:var(--bg);font-size:15px;margin:0;overflow-x:hidden;padding:0}.app{display:flex;flex-direction:column;height:auto;margin-top:25px;min-height:100vh}header .tool-bar{flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}header .tool-bar button{flex:1 1 45%;font-size:14px;padding:8px}.canvas-wrap{box-sizing:border-box;height:70vh;min-height:400px;order:1;overflow:auto;padding:10px}.viewer{background:var(--bg);height:100%;position:relative}#grid{height:100%;max-width:100%;width:100%}.left{background:var(--panel);margin-top:10px;order:2;padding:10px;width:100%}.right{display:none}.statusbar{flex-direction:column;font-size:13px;gap:4px;order:3;padding:10px}.controls-section{margin-bottom:16px}.small,button{font-size:15px;padding:10px;width:100%}.color-swatch{height:32px;width:32px}}@media (min-width:769px) and (max-width:1024px){#description-module .guide-grid,#description-module .tutorial-grid{grid-template-columns:1fr}#description-module .tip-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){#description-module{background:var(--bg);padding:16px}#description-module .guide-container{max-width:100%}#description-module h2{font-size:1.4rem}#description-module h3{font-size:1.2rem}#description-module p,#description-module ul li{color:var(--text-color);font-size:.95rem}#description-module .icon{height:20px;width:20px}#description-module .faq-grid,#description-module .guide-grid,#description-module .tip-grid,#description-module .tutorial-grid,#description-module .usage-grid{grid-template-columns:1fr}#description-module .tip-card,#description-module .tutorial-card{margin-bottom:16px}#description-module summary{font-size:1.1rem;padding:12px}#description-module .guide-content{padding:12px}#description-module .cta-button{font-size:1rem;padding:10px 20px}}.site-footer{background:var(--card);margin-top:40px;padding:40px 20px}.footer-columns{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.footer-col h4{color:var(--text-color);margin-bottom:12px}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col ul li{margin-bottom:8px}.footer-col a{color:var(--muted);text-decoration:none}.footer-col a:hover{color:var(--accent)}.footer-note{color:var(--muted);font-size:14px;margin-top:20px;text-align:center}@media (max-width:1024px){.footer-columns{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.footer-columns{grid-template-columns:1fr}}.site-header{background:var(--card);border-bottom:1px solid var(--glass);padding:12px 0;position:fixed;width:100%;z-index:1000}.header-container{box-sizing:border-box;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.header-container,.logo{align-items:center;display:flex}.logo{color:var(--text-color);font-size:1.2rem;font-weight:700;gap:10px}.logo img{height:32px;width:32px}.nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}.nav a{color:var(--text-color);padding:6px 0;text-decoration:none}.nav a:hover{color:var(--accent)}.nav .submenu{background:var(--card);border:1px solid var(--glass);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.3);display:none;left:0;min-width:180px;padding:8px 0;position:absolute;top:100%;z-index:1000}.nav .submenu li a{color:var(--text-color);display:block;padding:8px 16px;text-decoration:none}.nav .submenu li a:hover{background:var(--accent);color:#fff}@media (min-width:769px){.nav{display:block!important}.nav-toggle{display:none}.has-submenu{position:relative}.has-submenu:hover .submenu{display:block}}.nav-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;display:none;font-size:1.6rem;padding:8px;z-index:1100}@media (max-width:768px){.site-header{padding:12px 0}.header-container{margin:0;max-width:none;padding:0 20px}.nav-toggle{display:block;margin-left:auto}.nav{background:var(--card);border:1px solid var(--glass);border-radius:8px;box-sizing:border-box;display:none;left:0;min-height:100px;padding:12px;position:absolute;right:0;top:100%;z-index:1000}.nav.active{display:block!important}.nav ul{flex-direction:column;gap:12px}.has-submenu>a:after{content:" ▼";font-size:.8rem}.has-submenu.open .submenu{background:transparent;border:none;display:block;padding-left:16px;position:relative}}
/*# sourceMappingURL=to.css.map */