.options-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.form-row{margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-row label{display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.text-input,.select-input{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9375rem;font-family:inherit}.text-input:focus,.select-input:focus{outline:none;border-color:var(--color-accent)}.radio-group{display:flex;gap:24px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-label input{accent-color:var(--color-accent)}.output-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.output-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.output-title{font-size:.8125rem;font-weight:600;text-transform:uppercase}.btn-copy{padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:.75rem;cursor:pointer}.btn-copy:hover{border-color:var(--color-accent)}.output-code{margin:0;padding:16px;font-family:var(--font-mono);font-size:.875rem;line-height:1.6;min-height:150px}