*{box-sizing:border-box;color:var(--primary);margin:0;padding:0}body{display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;transition:all .3s ease}.content-hidden{display:none}body.dark{background-color:#0a0a0a;color:#e5e7eb}body.dark .logo{color:#fff}body.dark .description{color:#9ca3af}body.dark .nav-link{color:#9ca3af;font-size:.875rem;font-weight:500;text-transform:uppercase}body.dark .nav-link:hover{color:#fff}body.dark .nav-link.active{color:#fff;font-weight:600}body.dark .card{background-color:#0a0a0a;border:1px solid #2d2d2d;border-radius:.5rem}body.dark .highlight{color:#32cd32;font-weight:600}body.dark .generate-button{background-color:initial;border:1px solid #fff;border-radius:.5rem;color:#fff;font-weight:500;text-transform:uppercase;transition:background-color .3s ease}body.dark .generate-button:hover:not(:disabled){background-color:#2d2d2d}body.dark .generate-button:disabled{cursor:not-allowed;opacity:.5}body.dark .input-field,body.dark select{background-color:initial;border:1px solid #2d2d2d;border-radius:.25rem;color:#e5e7eb;margin-top:.25rem;padding:.5rem;transition:border-color .3s ease;width:100%}body.dark .input-field:focus,body.dark select:focus{border-color:#32cd32;outline:none}body.dark select option{background-color:#2d2d2d;color:#e5e7eb;padding:.5rem}body.dark .output{word-wrap:break-word;background-color:#111;border:1px solid #2d2d2d;border-radius:.25rem;color:#e5e7eb;min-height:4rem;overflow:visible;padding:.5rem;position:relative;touch-action:manipulation;transition:border .3s ease}body.dark .output.copied{border:1px solid #32cd32}body.dark .theme-toggle svg{fill:#fff}body.dark .toggle-switch .toggle-slider{background-color:#2d2d2d}body.dark .toggle-switch input:checked+.toggle-slider{background-color:#32cd32}body.dark .toggle-switch .toggle-knob{background-color:#fff}body.dark .toggle-switch input:checked+.toggle-slider .toggle-knob{background-color:#0a0a0a}body.dark .status-dot{align-items:center;background-color:#2d2d2d;border-radius:9999px;display:flex;gap:.5rem;padding:.25rem .75rem}body.dark .status-dot.active{color:#32cd32}body.dark .status-dot.inactive{color:#ff4500}body.dark .output-text{background:#0000;border:none;color:inherit;font-family:Inter,sans-serif;font-size:1rem;height:auto;line-height:1.5rem;max-height:200px;overflow-y:auto;padding:0;resize:none;width:100%}body.dark .output-text.filled{padding:.5rem}body.dark .output-text:focus{outline:none}body.dark .output-text.error{color:#ff4500}body.dark .copy-notification{background:#32cd32;color:#fff}body.light{background-color:#fff;color:#000}body.light .logo{color:#000}body.light .description{color:#6b7280}body.light .nav-link{color:#6b7280;font-size:.875rem;font-weight:500;text-transform:uppercase}body.light .nav-link:hover{color:#000}body.light .nav-link.active{color:#000;font-weight:600}body.light .card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem}body.light .highlight{color:#32cd32;font-weight:600}body.light .generate-button{background-color:#fff;border:1px solid #000;border-radius:.5rem;color:#000;font-weight:500;text-transform:uppercase;transition:background-color .3s ease}body.light .generate-button:hover:not(:disabled){background-color:#e5e7eb}body.light .generate-button:disabled{cursor:not-allowed;opacity:.5}body.light .input-field,body.light select{background-color:initial;border:1px solid #e5e7eb;border-radius:.25rem;color:#000;margin-top:.25rem;padding:.5rem;transition:border-color .3s ease;width:100%}body.light .input-field:focus,body.light select:focus{border-color:#32cd32;outline:none}body.light select option{background-color:#fff;color:#000;padding:.5rem}body.light .output{word-wrap:break-word;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.25rem;color:#000;min-height:4rem;overflow:visible;padding:.5rem;position:relative;touch-action:manipulation;transition:border .3s ease}body.light .output.copied{border:1px solid #32cd32}body.light .theme-toggle svg{fill:#000}body.light .toggle-switch .toggle-slider{background-color:#e5e7eb}body.light .toggle-switch input:checked+.toggle-slider{background-color:#32cd32}body.light .toggle-switch .toggle-knob{background-color:#fff}body.light .toggle-switch input:checked+.toggle-slider .toggle-knob{background-color:#000}body.light .status-dot{align-items:center;background-color:#e5e7eb;border-radius:9999px;display:flex;gap:.5rem;padding:.25rem .75rem}body.light .status-dot.active{color:#32cd32}body.light .status-dot.inactive{color:#ff4500}body.light .output-text{background:#0000;border:none;color:inherit;font-family:Inter,sans-serif;font-size:1rem;height:auto;line-height:1.5rem;max-height:200px;overflow-y:auto;padding:0;resize:none;width:100%}body.light .output-text.filled{padding:.5rem}body.light .output-text:focus{outline:none}body.light .output-text.error{color:#ff4500}body.light .copy-notification{background:#32cd32;color:#fff}.loader{animation:spin 1s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:#32cd32;display:none;height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}body.light .loader{border:3px solid #000;border-top-color:#32cd32}.loading .loader{display:block}.loading .copy-notification,.loading .output-text,.loading .typing-dots{opacity:0}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.typing-dots{display:none;line-height:1.5rem;margin-right:.5rem;vertical-align:middle}.typing-dots span{animation:typing-dots 1.4s ease-in-out infinite both;border-radius:50%;display:inline-block;height:6px;margin-right:2px;width:6px}body.dark .typing-dots span{background-color:#e5e7eb}body.light .typing-dots span{background-color:#000}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-dots span:nth-child(3){animation-delay:0s}.typewriter .typing-dots{display:inline-block}@keyframes typing-dots{0%,80%,to{opacity:.2;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.typewriter{animation:blink-caret .75s step-end infinite;border-right:2px solid;display:inline-block;overflow:hidden}body.dark .typewriter{border-right-color:#e5e7eb}body.light .typewriter{border-right-color:#000}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:inherit}}.copy-notification{border-radius:.25rem;font-size:.875rem;opacity:0;padding:.25rem .5rem;position:absolute;right:.5rem;top:-2rem;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.copy-notification.active{opacity:1;transform:translateY(0)}.top-bar{justify-content:space-between;left:1rem;position:absolute;right:1rem;top:1rem}.header,.top-bar{align-items:center;display:flex}.header{gap:.5rem}.nav-menu{gap:1.5rem}.nav-menu,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;border:none;cursor:pointer}body.dark .theme-toggle,body.light .theme-toggle{background:none;padding:0}.content-container{margin:0 auto;max-width:64rem;padding-top:4rem;width:100%}.content-container>*+*{margin-top:1.5rem}.page-content{display:block}.page-content.hidden{display:none}.grid-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.grid-container{grid-template-columns:1fr}}.card-content{padding:1.5rem}.card-content>*+*,.form-group{margin-top:1rem}.form-group:first-child{margin-top:0}.form-group label{margin-bottom:.25rem}h2{font-size:1.875rem}h2,h3{font-weight:600}h3{font-size:1.125rem}.toggle-container{align-items:center;display:flex;justify-content:space-between}.toggle-group{align-items:center;display:flex;gap:1rem}.toggle-switch{align-items:center;cursor:pointer;display:inline-flex;position:relative}.toggle-switch input{height:0;opacity:0;position:absolute;width:0}.toggle-slider{border-radius:9999px;height:1.5rem;transition:background-color .3s ease-in-out;width:2.75rem}.toggle-knob{border-radius:9999px;height:1rem;left:.25rem;position:absolute;top:.25rem;transition:transform .3s ease-in-out,background-color .3s ease-in-out;width:1rem}.toggle-switch input:checked+.toggle-slider .toggle-knob{transform:translateX(1.25rem)}.icon-small{height:1rem;width:1rem}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-thumb{border-radius:6px}.logo-img{height:2rem;width:2rem}@media (max-width:640px){.content-container{padding-left:1rem;padding-right:1rem;padding-top:3rem}.nav-menu{gap:1rem}.nav-link{font-size:.75rem}.top-bar{left:.5rem;right:.5rem;top:.5rem}.header span{font-size:1rem}.logo-img{height:1.5rem;width:1.5rem}.theme-toggle svg{height:1.25rem;width:1.25rem}.theme-toggle{padding:0}.output-text{font-size:.875rem;max-height:150px}.copy-notification{font-size:.75rem;padding:.1rem;top:-1.5rem}.card-content{padding:1rem}.form-group{margin-top:.75rem}h2{font-size:1.5rem}h3{font-size:1rem}}
/*# sourceMappingURL=main.4d5810a1.css.map*/