:root{--bg-color:#080810;--card-bg:#121224;--neon-cyan:#00e5ff;--neon-magenta:#ff0055;--neon-yellow:#ffff00;--text-main:#e0e0f0;--text-muted:#a0a0c0}body{background-color:var(--bg-color);color:var(--text-main);font-family:Roboto,sans-serif;margin:0;padding:20px;display:flex;flex-direction:column;align-items:center;min-height:100vh;box-sizing:border-box}.grid-container{display:grid;grid-template-columns:1fr;gap:25px;width:100%;max-width:1200px;margin:20px auto 0 auto}@media (min-width:768px){.grid-container{grid-template-columns:1fr 1fr;align-items:stretch}.grid-container.layout-sidebar{grid-template-columns:350px 1fr;align-items:stretch}}.card{background-color:var(--card-bg);border:1px solid var(--neon-magenta);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 0 15px rgba(255,0,85,.2);transition:all .3s ease;position:relative;padding:25px;box-sizing:border-box;min-height:100%}.card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta))}.card:hover{box-shadow:0 0 25px rgba(0,229,255,.4);border-color:var(--neon-cyan)}.card-title{font-family:Orbitron,sans-serif;font-size:1.2rem;margin:0 0 20px 0;font-weight:700;line-height:1.3;color:var(--text-main);text-transform:uppercase;letter-spacing:1px;border-bottom:1px dashed var(--text-muted);padding-bottom:10px}.shadow-cyan{border-color:var(--neon-cyan)!important;box-shadow:0 0 15px rgba(0,229,255,.2)!important}.shadow-magenta{border-color:var(--neon-magenta)!important;box-shadow:0 0 15px rgba(255,0,85,.2)!important}.control-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}label{font-family:Orbitron,sans-serif;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}input[type=number],textarea{background-color:#000;border:1px solid var(--neon-magenta);border-radius:4px;color:var(--text-main);padding:12px;font-family:monospace;font-size:1rem;outline:0;transition:all .3s;box-sizing:border-box}input[type=number]{font-family:Orbitron,sans-serif}textarea{font-size:.95rem;resize:none;min-height:320px;width:100%}input[type=number]:focus,textarea:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px rgba(0,229,255,.5)}.checkbox-container{display:flex;align-items:center;gap:10px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--text-main);user-select:none;margin-top:5px}.checkbox-container input{cursor:pointer;accent-color:var(--neon-cyan);width:18px;height:18px}.guid-box{background-color:#000;border:1px solid var(--text-muted);border-radius:5px;font-family:monospace;font-size:1.05rem;white-space:pre-wrap;word-break:break-all;padding:15px;color:var(--neon-cyan);box-shadow:inset 0 0 10px rgba(0,0,0,.8);box-sizing:border-box;margin-bottom:20px;min-height:320px;max-height:500px;overflow-y:auto}#jsonOutput{white-space:pre;font-size:.95rem;overflow-x:auto}.guid-box.json-error{color:var(--neon-magenta)!important;border-color:var(--neon-magenta)!important;background-color:rgba(255,0,85,.05)}.guid-box::-webkit-scrollbar{width:8px;height:8px}.guid-box::-webkit-scrollbar-track{background:#000}.guid-box::-webkit-scrollbar-thumb{background:var(--neon-magenta);border-radius:4px}select{background-color:#000;border:1px solid var(--neon-magenta);border-radius:4px;color:var(--neon-cyan);padding:12px;font-family:Orbitron,sans-serif;font-size:.9rem;outline:0;transition:all .3s;cursor:pointer;width:100%;box-sizing:border-box}select:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px rgba(0,229,255,.5)}select option{background-color:var(--card-bg);color:var(--text-main)}.system-alert-box{background-color:rgba(255,255,0,.05);border:1px dashed var(--neon-yellow);border-radius:4px;color:var(--neon-yellow);padding:10px;font-family:Orbitron,sans-serif;font-size:.75rem;line-height:1.4;margin-top:15px;letter-spacing:.5px;display:none}.btn-container,.btn-container-stack{display:flex;gap:15px;width:100%;margin-top:auto;box-sizing:border-box}.card-btn{flex:1;display:block;width:100%;padding:14px 20px!important;font-family:Orbitron,sans-serif;font-size:.85rem!important;font-weight:700;text-transform:uppercase;letter-spacing:1px;background-color:transparent;border-radius:4px;cursor:pointer;transition:all .2s ease;box-sizing:border-box;height:auto!important}.btn-generate{color:var(--neon-cyan)!important;border:1px solid var(--neon-cyan)!important;box-shadow:0 0 5px rgba(0,229,255,.2)}.btn-generate:hover{background-color:var(--neon-cyan)!important;color:var(--bg-color)!important;box-shadow:0 0 15px var(--neon-cyan)}.btn-minify{color:var(--neon-yellow)!important;border:1px solid var(--neon-yellow)!important;box-shadow:0 0 5px rgba(255,255,0,.2)}.btn-minify:hover{background-color:var(--neon-yellow)!important;color:var(--bg-color)!important;box-shadow:0 0 15px var(--neon-yellow)}.btn-copy{color:var(--neon-cyan)!important;border:1px solid var(--neon-cyan)!important;box-shadow:0 0 5px rgba(0,229,255,.2)}.btn-copy:hover{background-color:var(--neon-cyan)!important;color:var(--bg-color)!important;box-shadow:0 0 15px var(--neon-cyan)}.toast{font-family:Orbitron,sans-serif;color:var(--neon-yellow);font-size:.85rem;text-align:center;visibility:hidden;letter-spacing:1px;padding:10px}.toast.show{visibility:visible;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}