main{max-width:800px;margin:2rem auto;padding:2rem}form{margin-top:2rem}.form-group{margin-bottom:1rem}label{display:block;margin-bottom:.5rem;font-weight:var(--font-weight-medium)}label,textarea{color:var(--foreground)}textarea{width:100%;padding:.5rem;font-family:monospace;font-size:14px;background:var(--input-background);border:1px solid var(--border);border-radius:var(--radius-md);resize:vertical;transition:all .15s ease}textarea:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px oklch(from var(--ring) l c h/.5)}input[type=text]{width:100%;padding:.5rem;background:var(--input-background);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .15s ease}input[type=text]:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px oklch(from var(--ring) l c h/.5)}button[type=submit]{padding:.75rem 1.5rem;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:16px;font-weight:var(--font-weight-medium);transition:all .15s ease}button[type=submit]:hover:not(:disabled){opacity:.9}button[type=submit]:disabled{background:var(--muted);cursor:not-allowed;opacity:.5}.error-box{margin-top:2rem;padding:1rem;background:oklch(from var(--destructive) l c h/.1);border:1px solid var(--destructive);border-radius:var(--radius-lg)}.error-box h3{margin:0;color:var(--destructive)}.error-box pre{margin:.5rem 0 0;font-size:14px;white-space:pre-wrap;word-break:break-word;color:var(--foreground)}.success-box{margin-top:2rem;padding:1rem;background:oklch(from var(--chart-2) l c h/.1);border:1px solid var(--chart-2);border-radius:var(--radius-lg)}.success-box h3{margin:0;color:var(--chart-2)}.success-box pre{margin:.5rem 0 0;font-size:14px;white-space:pre-wrap;word-break:break-word;color:var(--foreground)}.docs-box{margin-top:3rem;padding:1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg)}.docs-box h3{margin-top:0;color:var(--foreground)}.docs-box pre{font-size:14px;overflow:auto;padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--border)}.docs-box code,.docs-box pre{background:var(--background);color:var(--foreground)}.docs-box code{padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border);font-family:monospace}