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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-page:#f5f5f7;--bg-header-start:#1d976c;--bg-header-end:#93f9b9;--bg-card:#fff;--bg-input:#f9fafb;--border-subtle:#e5e7eb;--text-main:#111827;--text-muted:#6b7280;--accent:#10b981;--accent-soft:#d1fae5;--button-bg:#111827;--button-bg-hover:#000}body{background-color:#f5f5f7;background-color:var(--bg-page);color:#111827;color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;margin:0}.app-root{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(120deg,#1d976c,#93f9b9);background:linear-gradient(120deg,var(--bg-header-start),var(--bg-header-end));color:#fff;padding:20px 16px 28px}.app-header-inner{margin:0 auto;max-width:1080px}.app-title{font-size:28px;font-weight:700;margin:0 0 6px}.app-subtitle{font-size:15px;margin:0;max-width:520px}.app-main{flex:1 1;padding:20px 16px 32px}.app-layout{grid-gap:24px;display:grid;gap:24px;margin:0 auto;max-width:1080px}@media (min-width:900px){.app-layout{align-items:flex-start;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.card-form-section,.output-section{background-color:#fff;background-color:var(--bg-card);border-radius:16px;box-shadow:0 12px 25px rgba(15,23,42,.08);padding:20px 18px 22px}.section-title{font-size:18px;font-weight:600;margin:0 0 4px}.section-title-preview{margin-top:22px}.section-subtitle{color:#6b7280;color:var(--text-muted);font-size:13px;margin:0 0 16px}.card-form{grid-gap:12px;display:grid;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:500}.field-input,.field-textarea{background-color:#f9fafb;background-color:var(--bg-input);border:1px solid #e5e7eb;border:1px solid var(--border-subtle);border-radius:8px;font-size:14px;outline:none;padding:9px 10px;transition:border-color .15s ease,box-shadow .15s ease}.field-input:focus,.field-textarea:focus{border-color:#10b981;border-color:var(--accent);box-shadow:0 0 0 1px #d1fae5;box-shadow:0 0 0 1px var(--accent-soft)}.field-textarea{min-height:80px;resize:vertical}.primary-button{background-color:#111827;background-color:var(--button-bg);border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:4px;padding:11px 18px;transition:background-color .15s ease,transform .05s ease}.primary-button:hover:not(:disabled){background-color:#000;background-color:var(--button-bg-hover);transform:translateY(-1px)}.primary-button:disabled{cursor:default;opacity:.6}.code-output{background-color:#0b1120;border:1px solid #e5e7eb;border:1px solid var(--border-subtle);border-radius:10px;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;margin-top:10px;min-height:170px;padding:10px;width:100%}.preview-wrapper{background-color:#f9fafb;border:1px dashed #e5e7eb;border:1px dashed var(--border-subtle);border-radius:12px;margin-top:10px;min-height:120px;padding:12px}.preview-card{max-width:380px}.preview-placeholder{font-size:13px;margin:0}.app-footer,.preview-placeholder{color:#6b7280;color:var(--text-muted)}.app-footer{font-size:12px;padding:12px 16px 18px;text-align:center}.footer-text{margin:0}@media (max-width:599px){.app-header{padding-bottom:20px;padding-top:16px}.card-form-section,.output-section{border-radius:14px;padding:16px 14px 18px}.app-title{font-size:23px}}.copy-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.secondary-button{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-subtle);border-radius:999px;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:background-color .15s ease,border-color .15s ease,transform .05s ease}.secondary-button:hover:not(:disabled){background-color:#d1fae5;background-color:var(--accent-soft);border-color:#10b981;border-color:var(--accent);transform:translateY(-1px)}.secondary-button:disabled{cursor:default;opacity:.5}.copy-status{color:#6b7280;color:var(--text-muted);font-size:12px}.mode-toggle{align-items:center;background-color:#f3f4f6;border-radius:999px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding:8px 10px}.mode-toggle-label{font-size:13px;font-weight:600}.mode-toggle-option{align-items:center;cursor:pointer;display:inline-flex;font-size:13px;gap:6px}.mode-toggle-option input[type=radio]{accent-color:#10b981;accent-color:var(--accent)}.field-optional{color:#6b7280;color:var(--text-muted);font-size:11px;font-weight:400}
/*# sourceMappingURL=main.237cbb43.css.map*/