body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#21222c;--bg-secondary:#282a36;--text-primary:#f8f8f2;--text-secondary:#bd93f9;--border-color:#44475a;--accent-primary:#8be9fd;--accent-primary-hover:#6272a4;--accent-secondary:#50fa7b;--accent-secondary-hover:#44475a;--accent-tertiary:#ff79c6;--accent-tertiary-hover:#bd93f9;--input-bg:#44475a;--input-border:#6272a4;--input-focus-border:#bd93f9;--input-focus-shadow:#bd93f94d;--shadow-color:#0003;--preview-window-bg:#44475a;--preview-menu-bg:#44475a;--preview-border:#1e1f29;--preview-code-bg:#282a36;--preview-code-text:#f8f8f2;--preview-code-line-num:#6272a4;--preview-window-name-text:#f8f8f2;--preview-menu-item-text:#f8f8f2;--preview-menu-item-hover-bg:#6272a4;--preview-menu-item-active-bg:#6272a4;--syntax-key:#ffb86c;--syntax-string:#50fa7b;--syntax-punctuation:#f8f8f2;--syntax-punctuation-special:#ff79c6;--syntax-brace:#8be9fd;--btn-close:#f55;--btn-minimize:#f1fa8c;--btn-maximize:#50fa7b;--status-success-bg:var(--accent-secondary);--status-error-bg:#f55;--status-text:#fff;--qr-text:#9a9a9a;--qr-error-text:#ffb86c;--download-confirmation-bg:#50fa7b;--download-confirmation-text:#282a36;--template-button-bg:#6272a4;--template-button-hover-bg:#7587bb}@media (max-width:767px){.app-container{gap:1.5rem;padding:1rem}.form-container{max-width:none;padding:1.5rem;width:100%}.form-title{font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.form-input{font-size:.95rem;padding:.65rem}.action-button{font-size:.9rem;padding:.7rem 1rem}.preview-container{width:100%}.preview-title{font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.preview-scroll-wrapper{-webkit-overflow-scrolling:touch;border-radius:.5rem;overflow-x:auto}.card-preview{margin:0;min-width:300px}.menu-bar{display:none}.window-title{padding:.4rem .8rem}.window-name{font-size:.8rem}.window-button{height:.65rem;margin-right:.4rem;width:.65rem}.code-editor{font-size:.8rem;line-height:1.6;padding:.5rem .8rem .8rem}.line-numbers{font-size:.75rem;padding-right:.8rem}.code-content code{white-space:pre-wrap;word-break:break-all}.qr-container{margin-top:1.5rem;padding:.8rem}.qr-container svg{height:auto;max-width:150px}.qr-text{font-size:.8rem}.template-section{margin-bottom:1rem}.template-button{font-size:.9rem;padding:.7rem 1rem}}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit;margin:0;padding:0}body{background-color:#21222c;background-color:var(--bg-primary);color:#f8f8f2;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}.app-container{display:flex;flex-direction:column;gap:2rem;min-height:100vh;padding:1.5rem}@media (min-width:768px){.app-container{flex-direction:row}}.form-container{background-color:#282a36;background-color:var(--bg-secondary);border-radius:.5rem;padding:2rem;width:100%}@media (min-width:768px){.form-container{flex-shrink:0;max-width:450px;width:35%}}.form-title{border-bottom:1px solid #44475a;border-bottom:1px solid var(--border-color);color:#f8f8f2;color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:2rem;padding-bottom:.75rem}.form-group{margin-bottom:1.25rem}.form-label{color:#bd93f9;color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.6rem}.form-input{background-color:#44475a;background-color:var(--input-bg);border:1px solid #6272a4;border:1px solid var(--input-border);border-radius:.3rem;color:#f8f8f2;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input::placeholder{color:#bd93f9;color:var(--text-secondary);opacity:.7}.form-input:focus{border-color:#bd93f9;border-color:var(--input-focus-border);box-shadow:0 0 0 3px #bd93f94d;box-shadow:0 0 0 3px var(--input-focus-shadow);outline:none}.template-section{display:block;margin-bottom:20px;width:100%}.template-button{background-color:#6272a4;background-color:var(--template-button-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:14px;padding:10px 15px;transition:background-color .2s;width:100%}.template-button:hover{background-color:#7587bb;background-color:var(--template-button-hover-bg)}.button-group{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.action-button{border:none;border-radius:.3rem;color:#282a36;color:var(--bg-secondary);cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 1.5rem;text-align:center;transition:background-color .2s ease,transform .1s ease,box-shadow .2s}.action-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.action-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.download-button{background-color:#8be9fd;background-color:var(--accent-primary)}.download-button:hover{background-color:#6272a4;background-color:var(--accent-primary-hover)}.share-button{background-color:#50fa7b;background-color:var(--accent-secondary)}.share-button:hover{background-color:#44475a;background-color:var(--accent-secondary-hover)}.qr-button{background-color:#ff79c6;background-color:var(--accent-tertiary)}.qr-button:hover{background-color:#bd93f9;background-color:var(--accent-tertiary-hover)}.check-icon{display:inline-block;font-weight:700;margin-right:5px}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.status-message{animation:fadeIn .3s ease-in;border-radius:.3rem;color:#282a36;color:var(--bg-secondary);font-size:.9rem;font-weight:500;margin-top:1.5rem;padding:.8rem 1rem;text-align:center}.status-message.success{background-color:#50fa7b33;border:1px solid #50fa7b;border:1px solid var(--accent-secondary);color:#50fa7b;color:var(--accent-secondary)}.status-message.error{background-color:#f553;border:1px solid #f55;border:1px solid var(--status-error-bg);color:#f55;color:var(--status-error-bg)}.qr-container{align-items:center;background-color:#44475a;background-color:var(--input-bg);border-radius:.3rem;display:flex;flex-direction:column;margin-top:2rem;padding:1rem}.qr-text{color:#9a9a9a;color:var(--qr-text);font-size:.85rem;margin-top:1rem;text-align:center}.qr-error{color:#ffb86c;color:var(--qr-error-text);font-weight:500}.preview-container{flex-grow:1;width:100%}@media (min-width:768px){.preview-container{width:65%}}.preview-title{border-bottom:1px solid #44475a;border-bottom:1px solid var(--border-color);color:#f8f8f2;color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:2rem;padding-bottom:.75rem}.card-preview{background-color:#282a36;background-color:var(--preview-code-bg);border:1px solid #44475a;border:1px solid var(--border-color);border-radius:.5rem;margin:0 auto;overflow:hidden;width:100%}.window-title{background-color:#44475a;background-color:var(--preview-window-bg);border-bottom:1px solid #1e1f29;border-bottom:1px solid var(--preview-border);padding:.6rem 1rem}.window-controls,.window-title{align-items:center;display:flex}.window-controls{flex-shrink:0}.window-button{border:none;border-radius:50%;display:inline-block;height:.75rem;margin-right:.5rem;vertical-align:middle;width:.75rem}.window-button.close{background-color:#f55;background-color:var(--btn-close)}.window-button.minimize{background-color:#f1fa8c;background-color:var(--btn-minimize)}.window-button.maximize{background-color:#50fa7b;background-color:var(--btn-maximize)}.window-name{color:#f8f8f2;color:var(--preview-window-name-text);flex-grow:1;font-size:.85rem;font-weight:500;overflow:hidden;padding:0 1rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.menu-bar{background-color:#44475a;background-color:var(--preview-menu-bg);border-bottom:1px solid #1e1f29;border-bottom:1px solid var(--preview-border);display:flex;overflow-x:auto;padding:.35rem .5rem;white-space:nowrap}.menu-item{border-radius:.2rem;cursor:default;font-size:.85rem;margin:0 .25rem;padding:.2rem .6rem}.menu-item,.menu-item.active{color:#f8f8f2;color:var(--preview-menu-item-text)}.menu-item.active{background-color:#6272a4;background-color:var(--preview-menu-item-active-bg)}.code-editor{background-color:#282a36;background-color:var(--preview-code-bg);color:#f8f8f2;color:var(--preview-code-text);display:flex;font-family:Fira Code,Consolas,Monaco,Andale Mono,monospace;font-size:.9rem;line-height:1.7;padding:.5rem 1rem 1rem}.line-numbers{color:#6272a4;color:var(--preview-code-line-num);font-size:.85rem;padding-right:1.5rem;text-align:right;-webkit-user-select:none;user-select:none}.line-number{line-height:inherit}.code-content{flex:1 1;white-space:pre}.code-line{display:block;line-height:inherit}.code-key{color:#ffb86c;color:var(--syntax-key)}.code-value.string{color:#50fa7b;color:var(--syntax-string)}.code-punctuation{color:#f8f8f2;color:var(--syntax-punctuation)}.code-punctuation.punc-brace{color:#8be9fd;color:var(--syntax-brace);font-weight:400}.code-punctuation.punc-colon,.code-punctuation.punc-comma{color:#ff79c6;color:var(--syntax-punctuation-special)}.app-footer{color:#bd93f9;color:var(--text-secondary);font-size:.875rem;margin-top:1.5rem;padding:1.5rem 1rem;text-align:center;width:100%}.app-footer a{color:#8be9fd;color:var(--accent-primary);font-weight:500;text-decoration:none;transition:color .2s ease}.app-footer a:hover{color:#f8f8f2;color:var(--text-primary);text-decoration:underline}@media (max-width:767px){.app-footer{font-size:.8rem;margin-top:1rem;padding:1rem}}.card-preview.capturing{box-sizing:border-box!important;left:-99999px;margin:0!important;position:fixed;top:0;z-index:-1}.card-preview.capturing .window-title{padding:12px 18px!important}.card-preview.capturing .window-button{height:18px!important;margin-right:10px!important;width:18px!important}.card-preview.capturing .window-name{font-size:18px!important}.card-preview.capturing .menu-bar{font-size:16px!important;padding:10px 18px!important}.card-preview.capturing .menu-item{margin:0 8px!important;padding:5px 12px!important}.card-preview.capturing .code-editor{flex-grow:0!important;font-size:18px!important;height:auto!important;line-height:1.5!important;min-height:auto!important;padding:25px 20px 20px!important}.card-preview.capturing .line-numbers{font-size:18px!important;padding-right:25px!important}.card-preview.capturing .code-content .code-line,.card-preview.capturing .code-content code{white-space:pre!important}
/*# sourceMappingURL=main.25577ba5.css.map*/