.card-form[data-v-d3ab2086]{background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}.form-group[data-v-d3ab2086]{margin-bottom:1.5rem}label[data-v-d3ab2086]{display:block;margin-bottom:.5rem;color:#374151;font-weight:500}input[data-v-d3ab2086]{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:border-color .2s}input[data-v-d3ab2086]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}input[data-v-d3ab2086]::placeholder{color:#9ca3af}.error-text[data-v-d3ab2086]{color:#dc2626;font-size:.875rem;margin-top:.25rem;display:block}input.error[data-v-d3ab2086]{border-color:#dc2626}.section-title[data-v-d3ab2086]{margin:2rem 0 1rem;padding-top:1rem;border-top:1px solid #e5e7eb;color:#374151;font-size:1.25rem}select[data-v-d3ab2086]{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;transition:border-color .2s;background-color:#fff}select[data-v-d3ab2086]:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}input[type=color][data-v-d3ab2086]{padding:.25rem;height:40px}.color-presets[data-v-d3ab2086]{display:flex;gap:.5rem;margin-bottom:.5rem}.color-preset[data-v-d3ab2086]{width:2rem;height:2rem;border:2px solid #e5e7eb;border-radius:.25rem;cursor:pointer;transition:transform .2s}.color-preset[data-v-d3ab2086]:hover{transform:scale(1.1)}optgroup[data-v-d3ab2086]{font-weight:600}.dark[data-v-d3ab2086]{--card-bg: #1f2937;--input-bg: #111827;--input-border: #374151;--input-text: #e5e7eb}select option[data-v-d3ab2086]{padding:8px;font-size:1rem}select option[data-v-d3ab2086]:hover{background-color:#f3f4f6}select optgroup[data-v-d3ab2086]{font-weight:600;color:#4b5563;background-color:#f8fafc}.char-count[data-v-d3ab2086]{font-size:.875rem;color:var(--neutral-500);margin-left:.5rem}.code-generator[data-v-134882f7]{background:white;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}.section-header[data-v-134882f7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2[data-v-134882f7],.section-header h3[data-v-134882f7]{margin:0;color:#374151}.preview-section[data-v-134882f7]{margin-bottom:2rem}.preview-container[data-v-134882f7]{margin-top:1rem;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;background:#f8fafc;padding:1rem;display:flex;justify-content:center;align-items:center;min-height:195px}.code-section[data-v-134882f7]{margin-top:2rem}.code-container[data-v-134882f7]{background:#f8fafc;padding:1rem;border-radius:.5rem;overflow-x:auto}code[data-v-134882f7]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;color:#334155;white-space:pre-wrap;word-break:break-all}.dark .code-generator[data-v-134882f7]{background:var(--bg-card)}.dark .code-container[data-v-134882f7]{background:var(--bg-input)}.dark code[data-v-134882f7]{color:var(--text-primary)}.format-selector[data-v-134882f7]{margin-bottom:1.5rem;display:flex;gap:1.5rem}.format-selector label[data-v-134882f7]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.format-selector input[type=radio][data-v-134882f7]{width:auto;margin:0}.preview-container img[data-v-134882f7]{width:100%;height:auto;max-width:560px;display:block;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.dark .format-selector label[data-v-134882f7]{color:var(--text-primary)}.dark .preview-container[data-v-134882f7]{background:var(--bg-input);border-color:var(--border-color)}.toast[data-v-a26b4d7c]{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;border-radius:.5rem;color:#fff;font-weight:500;box-shadow:var(--card-shadow);z-index:1000}.toast.success[data-v-a26b4d7c]{background:var(--success)}.toast.error[data-v-a26b4d7c]{background:var(--error)}.toast.warning[data-v-a26b4d7c]{background:var(--warning)}.toast-enter-active[data-v-a26b4d7c],.toast-leave-active[data-v-a26b4d7c]{transition:all var(--transition-normal)}.toast-enter-from[data-v-a26b4d7c]{opacity:0;transform:translate(-50%,100%)}.toast-leave-to[data-v-a26b4d7c]{opacity:0;transform:translate(-50%,-100%)}.app-container{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#4f46e5,#3b82f6);background-image:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,0)),linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;padding:2.5rem 2rem;text-align:center;position:relative;box-shadow:0 4px 6px -1px #0000001a}.header-content{max-width:1200px;margin:0 auto}.header h1{font-size:2.25rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(to right,#ffffff,rgba(255,255,255,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header p{font-size:1.1rem;opacity:.9;margin:0}.theme-toggle{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color var(--transition-fast)}.theme-toggle:hover{background:rgba(255,255,255,.1)}.main-content{flex:1;padding:2rem;margin-top:-2rem}.content-grid{max-width:1200px;margin:0 auto;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,550px),1fr))}.footer{text-align:center;padding:2rem;background:linear-gradient(135deg,#f8faff,#eef2ff);color:#4b5563;border-top:1px solid rgba(99,102,241,.1);margin-top:2rem;box-shadow:inset 0 1px #ffffffe6}.footer p{margin:0;text-shadow:0 1px 0 rgba(255,255,255,.5)}.footer a{color:#4f46e5;text-decoration:none;font-weight:500;transition:all .2s ease;background:linear-gradient(to right,#4f46e5,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.footer a:hover{background:linear-gradient(to right,#4338ca,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;transform:translateY(-1px)}.github-link{display:inline-flex;align-items:center;gap:.25rem}.github-link:before{content:"⭐";font-size:1.1em;background:none;-webkit-text-fill-color:currentColor}.dark .footer{background:var(--neutral-800);color:var(--neutral-400)}@media (max-width: 768px){.header{padding:2rem 1rem}.header h1{font-size:1.75rem}.header p{font-size:1rem}.main-content{padding:1rem}}.copy-btn,.btn-primary,button[type=submit]{background:linear-gradient(135deg,#4f46e5,#3b82f6);border:none;color:#fff;padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.copy-btn:hover,.btn-primary:hover,button[type=submit]:hover{background:linear-gradient(135deg,#4338ca,#2563eb);box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.copy-btn:active,.btn-primary:active,button[type=submit]:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}input:focus,select:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}.toast{background:linear-gradient(135deg,#4f46e5,#3b82f6);box-shadow:0 4px 6px #0000001a}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--card-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--card-shadow-hover: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s}:root.dark{--bg-main: var(--neutral-900);--bg-card: var(--neutral-800);--bg-input: var(--neutral-700);--text-primary: var(--neutral-100);--text-secondary: var(--neutral-400);--border-color: var(--neutral-700)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;color:var(--neutral-900);background:var(--neutral-50);transition:background-color var(--transition-normal)}body.dark{color:var(--neutral-100);background:var(--neutral-900)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform var(--transition-normal),opacity var(--transition-normal)}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(20px);opacity:0}.card{background:white;border-radius:1rem;box-shadow:var(--card-shadow);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--card-shadow-hover)}.dark .card{background:var(--bg-card)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer}.btn-primary{background:var(--primary-600);color:#fff}.btn-primary:hover{background:var(--primary-700)}.btn-secondary{background:var(--neutral-100);color:var(--neutral-700)}.btn-secondary:hover{background:var(--neutral-200)}.dark .btn-secondary{background:var(--neutral-700);color:var(--neutral-100)}.dark .btn-secondary:hover{background:var(--neutral-600)}h1,h2,h3,h4,h5,h6{color:#111827;margin-bottom:1rem}