:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--text-main:#1f2937;--text-muted:#4b5563;--bg-light:#f9fafb;--border-color:#e5e7eb;--radius:6px}body{color:var(--text-main);background-color:#f3f4f6;justify-content:center;margin:0;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.app-container{flex-direction:column;gap:24px;width:100%;max-width:700px;display:flex}section{border-radius:var(--radius);border:1px solid var(--border-color);background-color:#fff;padding:24px;transition:transform .2s;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}section h1{color:var(--text-main);border-bottom:2px solid #f0fdf4;margin-top:0;margin-bottom:20px;padding-bottom:8px;font-size:1.25rem}.form-container{flex-direction:column;gap:16px;display:flex}.form-container label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:.875rem;font-weight:500;display:flex}.form-container input,.form-container textarea{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-light);color:var(--text-main);padding:10px 12px;font-family:inherit;font-size:1rem;transition:all .2s}.form-container input:focus,.form-container textarea:focus{border-color:var(--primary-color);background-color:#fff;outline:none;box-shadow:0 0 0 3px #2563eb26}button{cursor:pointer;border-radius:var(--radius);align-self:flex-start;padding:10px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.form-container button{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color);margin-top:8px}.form-container button:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.preview-container button{color:var(--text-main);border:1px solid var(--border-color);background-color:#fff}.preview-container button:hover{background-color:var(--bg-light);border-color:var(--text-muted)}.preview-container{flex-direction:column;gap:12px;display:flex}.preview-container p{margin:0;font-size:1rem;line-height:1.5}.preview-container strong{color:var(--text-muted);width:140px;font-weight:500;display:inline-block}