*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;background:#232736;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden auto}.neural-bg{z-index:0;pointer-events:none;opacity:.15;position:fixed;inset:0}.neural-svg{width:100%;height:100%}.neural-line{opacity:0;animation:6s ease-in-out infinite neural-pulse}.neural-node{opacity:0;animation:4s ease-in-out infinite neural-dot}@keyframes neural-pulse{0%,to{opacity:0}30%{opacity:.8}70%{opacity:.6}}@keyframes neural-dot{0%,to{opacity:0;r:1.5}50%{opacity:.8;r:2.5}}.header{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.header-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.header-title{align-items:center;gap:6px;display:flex}.title-prompt{color:#5781d6;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500}.title-text{color:#e8eeff;letter-spacing:-.01em;margin:0;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.cursor-blink{opacity:.7;background:#75a0f5;border-radius:1px;width:8px;height:16px;animation:1s steps(2,end) infinite blink}@keyframes blink{0%,to{opacity:.7}50%{opacity:0}}.github-link{color:#5a6a8a;letter-spacing:.03em;background:#75a0f50a;border:1px solid #75a0f51f;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.github-link:hover{color:#97b7f7;background:#75a0f51f;border-color:#75a0f547}.wrapper{z-index:1;background:#292d3e;border:1px solid #75a0f514;border-radius:12px;width:calc(100% - 48px);max-width:440px;margin:24px;padding:28px 32px;transition:border-color .2s;position:relative;box-shadow:0 4px 32px #00000040}.wrapper:hover{border-color:#75a0f526}#fqr{flex-direction:column;gap:16px;display:flex}.url-group{flex-direction:column;gap:6px;display:flex}.form-label{letter-spacing:.08em;text-transform:uppercase;color:#5a6a8a;margin:0;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}#furl{height:46px;padding:0 14px;font-size:14px;transition:border-color .15s;color:#e8eeff!important;background:#1e2130!important;border:1px solid #75a0f51a!important;border-radius:8px!important}#furl:focus{outline:none;border-color:#75a0f566!important;box-shadow:0 0 0 3px #75a0f512!important}#furl::placeholder{color:#3e4560!important}.options-toggle{border:1px solid #75a0f514;border-radius:8px;overflow:hidden}.options-toggle summary{letter-spacing:.04em;color:#5a6a8a;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;list-style:none;transition:color .15s,background .15s;display:flex}.options-toggle summary::-webkit-details-marker{display:none}.options-toggle summary:before{content:">";color:#75a0f5;font-family:JetBrains Mono,monospace;font-size:11px;transition:transform .2s;display:inline-block}.options-toggle[open] summary:before{transform:rotate(90deg)}.options-toggle summary:hover{color:#97b7f7;background:#75a0f50a}.options-grid{grid-template-columns:1fr 1fr;gap:12px;padding:4px 14px 14px;display:grid}.option-field{flex-direction:column;gap:5px;display:flex}.option-field .form-select,.option-field .form-control-color{cursor:pointer;height:40px;padding:0 10px;font-size:13px;transition:border-color .15s;color:#c8d4f0!important;background:#1e2130!important;border:1px solid #75a0f51a!important;border-radius:8px!important}.option-field .form-select:focus,.option-field .form-control-color:focus{outline:none;border-color:#75a0f566!important;box-shadow:0 0 0 3px #75a0f512!important}.option-field .form-select:disabled{opacity:.4;cursor:not-allowed}.option-field .form-control-color{width:100%;padding:5px}.form-control-color::-webkit-color-swatch-wrapper{padding:3px}.form-control-color::-webkit-color-swatch{border:none;border-radius:4px}.option-field--full{grid-column:1/-1}.file-upload{cursor:pointer;background:#1e2130;border:1px dashed #75a0f52e;border-radius:8px;justify-content:center;align-items:center;height:40px;transition:border-color .15s,background .15s;display:flex;position:relative}.file-upload:hover,.file-upload.dragover{background:#75a0f50a;border-color:#75a0f566}.file-upload.has-file{border-style:solid;border-color:#75a0f533}.file-upload-text{color:#4a5a7a;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 30px 0 12px;font-family:JetBrains Mono,monospace;font-size:11px;overflow:hidden}.file-upload.has-file .file-upload-text{color:#97b7f7}.file-upload-clear{color:#5a6a8a;cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:16px;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%);border:none!important}.file-upload-clear:hover{color:#e8eeff;box-shadow:none;background:#75a0f51a;transform:translateY(-50%)}.btn-gradient-wrap{background:linear-gradient(135deg,#5781d6,#a78bfa,#75a0f5) 0 0/200% 200%;border-radius:10px;padding:2px;transition:box-shadow .3s;animation:4s infinite gradient-shift;position:relative}.btn-gradient-wrap:hover{box-shadow:0 0 24px #75a0f540,0 0 48px #a78bfa1a}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.btn-generate{color:#e8eeff;letter-spacing:.04em;cursor:pointer;background:#292d3e;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-generate:hover{background:#232736;transform:translateY(-1px)}.btn-generate:active{transform:translateY(0)}.btn-generate:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-arrow{font-size:16px;transition:transform .2s;display:inline-block}.btn-generate:hover .btn-arrow{transform:translate(3px)}.wrapper #qr{opacity:0;pointer-events:none;background:#1e2130;border:1px solid #75a0f51f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:16px;display:flex;position:absolute}.wrapper.active #qr{opacity:1;pointer-events:auto;transition:opacity .4s .15s;position:relative}#qr img,#qr canvas{max-width:100%;height:auto}.download-gradient-wrap{background:linear-gradient(135deg,#5781d6,#a78bfa,#75a0f5) 0 0/200% 200%;border-radius:10px;width:100%;padding:2px;transition:box-shadow .3s;animation:4s infinite gradient-shift}.download-gradient-wrap:hover{box-shadow:0 0 20px #75a0f540,0 0 40px #a78bfa1a}#download{color:#e8eeff;letter-spacing:.04em;background:#1e2130;border-radius:8px;flex-direction:column;align-items:center;padding:10px 0;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s;display:flex;border:none!important}#download:hover{background:#232736}#download span.size{opacity:.6;margin-top:1px;font-size:9px;font-weight:500}.input-hint{color:#4a5a7a;letter-spacing:.02em;opacity:.7;font-family:JetBrains Mono,monospace;font-size:10px}.input-hint code{color:#75a0f5;background:#75a0f512;border-radius:3px;padding:1px 4px;font-size:10px}.privacy-note{color:#4a5a7a;letter-spacing:.03em;opacity:.6;margin:0;font-family:JetBrains Mono,monospace;font-size:10px}.spinner-border{border-width:2px;width:.9rem;height:.9rem}.footer{text-align:center;z-index:1;padding-bottom:16px}.footer a{color:#4a5a7a;letter-spacing:.04em;opacity:.6;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none}.footer-sep{color:#4a5a7a;opacity:.4;margin:0 6px;font-size:11px}@media (hover:hover){.footer a{transition:opacity .15s,color .15s}.footer a:hover{opacity:1;color:#75a0f5}}@media (width<=540px){.wrapper{border-radius:10px;margin:16px 20px;padding:20px 16px}.header{margin-bottom:20px}.title-prompt{font-size:11px}.title-text{font-size:16px}.options-grid{grid-template-columns:1fr 1fr;gap:10px;padding:4px 10px 10px}#furl{height:42px;font-size:13px}.btn-generate{height:42px}}