.tool-container{--brand-primary:#64ffda;--brand-secondary:#4cd8ba;--text-main:#ccd6f6;--text-muted:#8892b0;--glass-border:#64ffda1a;--input-border:#64ffda33;flex-direction:column;gap:24px}.tool-container,.tool-title{align-items:center;display:flex}.tool-title{color:var(--text-main);gap:12px;margin:0;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700}.tool-title i{color:var(--brand-primary);text-shadow:0 0 10px #64ffda80}.output-wrapper{width:100%;max-width:500px;position:relative}.output-glow{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));opacity:.2;filter:blur(8px);z-index:0;border-radius:12px;position:absolute;inset:-2px}.output-field{border:1px solid var(--glass-border);z-index:1;background:#0a192f99;border-radius:8px;display:flex;position:relative;overflow:hidden}.output-input{color:var(--brand-primary);letter-spacing:.5px;background:0 0;border:none;outline:none;flex:1;padding:16px;font-family:Fira Code,monospace;font-size:.95rem}.output-input::placeholder{color:var(--text-muted)}.copy-btn{border:none;border-left:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:#64ffda0a;padding:16px 20px;transition:all .2s}.copy-btn:hover:not(:disabled){color:var(--brand-primary);background:#64ffda14}.copy-btn:disabled{opacity:.3;cursor:not-allowed}.controls-panel{border:1px solid var(--glass-border);background:#112240b3;border-radius:12px;width:100%;max-width:500px;padding:24px}.controls-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.checkbox-group{flex-direction:column;gap:12px;display:flex}.cyber-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.cyber-checkbox input{display:none}.checkbox-box{border:2px solid var(--text-muted);border-radius:4px;width:20px;height:20px;transition:all .2s;position:relative}.cyber-checkbox input:checked+.checkbox-box{background:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 0 10px #64ffda66}.checkbox-box:after{content:"";border:2px solid #0a192f;border-width:0 2px 2px 0;width:5px;height:10px;transition:transform .2s;position:absolute;top:2px;left:6px;transform:rotate(45deg)scale(0)}.cyber-checkbox input:checked+.checkbox-box:after{transform:rotate(45deg)scale(1)}.checkbox-label{color:var(--text-main);font-family:Inter,sans-serif;font-size:.9rem}.slider-group{flex-direction:column;gap:12px;display:flex}.slider-header{justify-content:space-between;align-items:center;display:flex}.slider-label{color:var(--text-muted);font-family:Inter,sans-serif;font-size:.85rem}.slider-value{color:var(--brand-primary);text-shadow:0 0 10px #64ffda80;font-family:Fira Code,monospace;font-size:1rem;font-weight:700}.cyber-slider{appearance:none;background:#64ffda1a;border-radius:3px;outline:none;width:100%;height:6px}.cyber-slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .2s;box-shadow:0 0 10px #64ffda80}.cyber-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.cyber-slider::-moz-range-thumb{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 10px #64ffda80}.panels-grid{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}.panel{flex-direction:column;gap:8px;display:flex}.panel-label{color:var(--text-muted);font-family:Inter,sans-serif;font-size:.85rem;font-weight:500}.textarea-wrapper{position:relative}.textarea-glow{background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary));opacity:.15;filter:blur(6px);z-index:0;border-radius:12px;position:absolute;inset:-2px}.textarea-glow.output{background:linear-gradient(135deg,var(--brand-primary),#10b981)}.textarea-glow.preview{background:linear-gradient(135deg,#ef4444,#f97316)}.cyber-textarea{border:1px solid var(--glass-border);width:100%;color:var(--text-main);resize:none;z-index:1;background:#0a192f99;border-radius:8px;outline:none;padding:16px;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.5;transition:border-color .2s;position:relative}.cyber-textarea::placeholder{color:var(--text-muted);opacity:.6}.cyber-textarea:focus{border-color:var(--brand-primary)}.cyber-textarea[readonly]{color:var(--brand-primary)}.panel .output-field{z-index:1}.panel .output-field .cyber-textarea{border-radius:8px 0 0 8px}.panel .copy-btn{border:1px solid var(--glass-border);z-index:1;background:#0a192f99;border-left:none;border-radius:0 8px 8px 0;position:relative}.action-btn{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#0a192f;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:none;border-radius:8px;width:50%;max-width:300px;padding:16px 32px;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #64ffda4d}.action-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 25px #64ffda80}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.btn-danger{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 4px 15px #ef44444d}.action-btn.btn-danger:hover:not(:disabled){box-shadow:0 6px 25px #ef444480}@media (width<=768px){.panels-grid{grid-template-columns:1fr}}@media (width<=576px){.controls-grid{grid-template-columns:1fr}.action-btn{width:100%;max-width:none}}.textarea-tall[data-v-6bde30a1]{height:350px}.panel[data-v-6bde30a1]{min-width:0}.panel-header[data-v-6bde30a1]{justify-content:space-between;align-items:center;display:flex}.icon-btn[data-v-6bde30a1]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;transition:all .2s}.icon-btn[data-v-6bde30a1]:hover{color:var(--brand-primary);transform:scale(1.1)}.preview-panel[data-v-6bde30a1]{border:1px solid var(--glass-border);height:350px;color:var(--text-main);z-index:1;background:#0009;border-radius:8px;padding:16px;font-size:.9rem;line-height:1.6;position:relative;overflow:auto}.preview-panel-expanded[data-v-6bde30a1]{color:var(--text-main);font-size:1rem;line-height:1.6}.preview-panel[data-v-6bde30a1] .empty-preview,.preview-panel-expanded[data-v-6bde30a1] .empty-preview{color:var(--text-muted);font-style:italic}.preview-panel[data-v-6bde30a1] h1,.preview-panel[data-v-6bde30a1] h2,.preview-panel[data-v-6bde30a1] h3,.preview-panel-expanded[data-v-6bde30a1] h1,.preview-panel-expanded[data-v-6bde30a1] h2,.preview-panel-expanded[data-v-6bde30a1] h3{color:var(--brand-primary);text-shadow:0 0 10px #38bdf84d;margin-top:.5em;margin-bottom:.5em}.preview-panel[data-v-6bde30a1] p,.preview-panel-expanded[data-v-6bde30a1] p{margin-bottom:.75em}.preview-panel[data-v-6bde30a1] code,.preview-panel-expanded[data-v-6bde30a1] code{color:var(--brand-primary);background-color:#38bdf81a;border-radius:4px;padding:.2em .4em;font-family:JetBrains Mono,monospace;font-size:.85em}.preview-panel[data-v-6bde30a1] pre,.preview-panel-expanded[data-v-6bde30a1] pre{border:1px solid var(--glass-border);background-color:#0006;border-radius:8px;padding:1em;overflow-x:auto}.preview-panel[data-v-6bde30a1] pre code,.preview-panel-expanded[data-v-6bde30a1] pre code{background:0 0;padding:0}.preview-panel[data-v-6bde30a1] ol,.preview-panel[data-v-6bde30a1] ul,.preview-panel-expanded[data-v-6bde30a1] ol,.preview-panel-expanded[data-v-6bde30a1] ul{margin-bottom:.75em;padding-left:1.5em}.preview-panel[data-v-6bde30a1] blockquote,.preview-panel-expanded[data-v-6bde30a1] blockquote{border-left:3px solid var(--brand-primary);color:var(--text-muted);margin-left:0;padding-left:1em}.preview-panel[data-v-6bde30a1] a,.preview-panel-expanded[data-v-6bde30a1] a{color:var(--brand-primary);text-decoration:none}.preview-panel[data-v-6bde30a1] table,.preview-panel-expanded[data-v-6bde30a1] table{border-collapse:collapse;width:100%;margin-bottom:1em}.preview-panel[data-v-6bde30a1] td,.preview-panel[data-v-6bde30a1] th,.preview-panel-expanded[data-v-6bde30a1] td,.preview-panel-expanded[data-v-6bde30a1] th{border:1px solid var(--glass-border);padding:.5em}.preview-panel[data-v-6bde30a1] th,.preview-panel-expanded[data-v-6bde30a1] th{background:#38bdf81a}.preview-panel[data-v-6bde30a1] hr,.preview-panel-expanded[data-v-6bde30a1] hr{border:none;border-top:1px solid var(--glass-border);margin:1em 0}.fullscreen-modal[data-v-6bde30a1]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content[data-v-6bde30a1]{border:1px solid var(--glass-border);background:#0b1121;border-radius:16px;flex-direction:column;width:95%;max-width:1200px;height:90vh;display:flex;overflow:hidden;box-shadow:0 0 50px #38bdf833}.modal-header[data-v-6bde30a1]{border-bottom:1px solid var(--glass-border);background:#ffffff05;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.modal-header h3[data-v-6bde30a1]{color:var(--brand-primary);font-weight:700}.close-btn[data-v-6bde30a1]{color:var(--text-main);cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.close-btn[data-v-6bde30a1]:hover{color:#ef4444;background:#ef444433}.modal-body[data-v-6bde30a1]{background:#0006;flex:1;padding:40px;overflow-y:auto}.controls-row[data-v-6bde30a1]{flex-wrap:wrap;justify-content:center;gap:24px}.controls-row[data-v-6bde30a1],.controls-row .action-btn[data-v-6bde30a1],.filename-field[data-v-6bde30a1],.filename-input[data-v-6bde30a1]{align-items:center;display:flex}.filename-input[data-v-6bde30a1]{gap:12px}.filename-label[data-v-6bde30a1]{color:var(--text-muted);white-space:nowrap;font-family:Inter,sans-serif;font-size:.85rem}.filename-field[data-v-6bde30a1]{border:1px solid var(--glass-border);background:#0009;border-radius:8px;overflow:hidden}.cyber-input[data-v-6bde30a1]{width:150px;color:var(--text-main);background:0 0;border:none;outline:none;padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:.9rem}.cyber-input[data-v-6bde30a1]::placeholder{color:var(--text-muted)}.filename-ext[data-v-6bde30a1]{color:var(--text-muted);border-left:1px solid var(--glass-border);background:#ffffff0d;padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:.9rem}.controls-row .action-btn[data-v-6bde30a1]{gap:8px}@media (width<=768px){.preview-panel[data-v-6bde30a1],.textarea-tall[data-v-6bde30a1]{height:250px}.controls-row[data-v-6bde30a1]{flex-direction:column}}.options-row[data-v-1a8353e9]{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:20px;width:100%;display:flex}.option-group[data-v-1a8353e9]{flex-direction:column;gap:8px;display:flex}.option-label[data-v-1a8353e9]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.option-label[data-v-1a8353e9],.pill[data-v-1a8353e9],.root-name-input[data-v-1a8353e9]{font-family:Fira Code,monospace}.root-name-input[data-v-1a8353e9]{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-main);border-radius:8px;outline:none;width:160px;padding:8px 12px;font-size:.9rem;transition:border-color .2s}.root-name-input[data-v-1a8353e9]:focus{border-color:var(--accent-color)}.toggle-pills[data-v-1a8353e9]{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:999px;gap:3px;padding:3px;display:inline-flex}.pill[data-v-1a8353e9]{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 16px;font-size:.8rem;transition:all .2s}.pill[data-v-1a8353e9]:hover{color:var(--text-main)}.pill.active[data-v-1a8353e9]{background:var(--accent-color);color:#0b1120;font-weight:700}.attributes-option[data-v-1a8353e9]{padding-bottom:6px}.attributes-option .checkbox-label[data-v-1a8353e9]{color:var(--text-secondary);font-family:Fira Code,monospace;font-size:.8rem}.copy-btn-text[data-v-1a8353e9]{white-space:nowrap;font-family:Fira Code,monospace;font-size:.8rem}.copy-btn-text.copied[data-v-1a8353e9]{color:var(--accent-color)}.error-message[data-v-1a8353e9]{color:#ef4444;margin:0;font-family:Fira Code,monospace;font-size:.8rem}@media (width<=576px){.options-row[data-v-1a8353e9]{flex-direction:column;align-items:stretch}.root-name-input[data-v-1a8353e9]{width:100%}}